search

sparkbox / bouncy-ball

:red_circle: Compare web animation techniques by bouncing a ball with each one.
https://sparkbox.github.io/bouncy-ball
MIT License
605 stars 66 forks source link

Add a Bouncy-Ball Demo using Anime #20

Closed bryanbraun closed 7 years ago

bryanbraun commented 7 years ago

Add a bouncy-ball demo using Anime.

The API looks similar to those for mojs and Greensock. I'll bet that by using the mojs demo and/or greensock demo as a starting point you could get most of the way there.

A few tips for making this:

  1. Start by duplicating an existing demo folder and renaming your copy to something like anime. The animation itself will live in /examples/anime/index.html.
  2. Look at the other demos for reference parameters. For example, you can find details on ball-size, bounce height, easings, cubic-bezier functions, and more.
  3. To bring it into the main page, just add a new <input> and <label> for it in the selection bar.
bryanbraun commented 7 years ago

(Update: there's a PR up to address this at https://github.com/sparkbox/bouncy-ball/pull/22)

bryanbraun commented 7 years ago

Fixed by @lkwatson in 5161037. Closing.