search

Rplus / f2e-note

record some note in issue
0 stars 0 forks source link

about: animation easing #35

Open Rplus opened 8 years ago

Rplus commented 8 years ago

紀錄些跟動畫時間有關的東西

Rplus commented 8 years ago

Dynamics.js

Javascript library to create physics-based animations. http://dynamicsjs.com/

github repo: https://github.com/michaelvillar/dynamics.js

模擬物理彈性

image

Rplus commented 8 years ago

Rebound JS

Spring dynamics in JavaScript. http://facebook.github.io/rebound-js/

github: https://github.com/facebook/rebound-js

image

Rplus commented 8 years ago

Velocity.js

Accelerated JavaScript animation. http://julian.com/research/velocity/

github: https://github.com/julianshapiro/velocity

專注做 animation 的 library，主打是取代 jQuery 的 animation 它的 easing 參數蠻足的~ 文件也比較完整~ http://julian.com/research/velocity/#easing

Rplus commented 8 years ago

Bounce.js

Create beautiful CSS3 powered animations in no time. http://bouncejs.com/

github: https://github.com/tictail/bounce.js

有複數 animation 可串接 可直接輸出 css animation source code~

image

Rplus commented 6 years ago

popmotion https://github.com/Popmotion/popmotion

The JavaScript motion engine. Create unique animations and interactions with tweens, physics and input tracking. https://popmotion.io

image

文件清新、 API 看起來很精簡！

Rplus commented 6 years ago

anime.js https://github.com/juliangarnier/anime/

JavaScript Animation Engine http://animejs.com image

示例清楚 感覺 library 包山包海做了很多事 XDDD