一個12KB的Javascript運動引擎:popmotion

jopen 9年前發布 | 16K 次閱讀 popmotion JavaScript開發

一個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.
  • </ul>

    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.
    • </ul>

      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.
      • </ul>

        項目主頁:http://www.baiduhome.net/lib/view/home/1444120064432

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!