一个12KB的Javascript运动引擎：popmotion
jopen
10年前
一个12KB的Javascript运动引擎。使用动画，物理和输入跟踪。
Flexible
- Native DOM support: CSS, SVG, SVG path and DOM attribute support, out of the box.
- Unlimited: Custom callbacks allow you output to any numerical property or API.
- Power anything: Use with jQuery, Canvas, Three.js, WebSockets, etc.
- Seamless interaction: Tracks velocity for hand-off between input, animation and physics.
- Node support: Run on a server or an Arduino to fuel the IoT.
- Open rAF loop: Run any Process on the core requestAnimationFrame loop.
Extendable
Develop your own:
- Easing: Easing functions and bezier curves.
- Physics: Add new physics simulators.
- Input: Create custom Input interfaces for Oculus/Leap/anything.
- Roles: Extend our CSS/SVG/Attr support with routes for Canvas, Three.js, Google Map Symbols or any standardised numerical property.
- Value types: Automatically split special values in child values (ie"#000"->{ Red: 0, Green: 0, Blue: 0, Alpha: 1 }or more complex strings likepathdefinitions.
Performant
- Uses and exposes a single requestAnimationFrame thread that automatically winds down when not in use.
- Never reads the DOM, leaving you in total control of performance.
- Over 20% smaller than Velocity.js, 72% smaller than GreenSock TweenMax. Boom shak shakalaka.