Skip to content

课程 34 - Animation

在这节课中你将学习到以下内容:

  • 如何设计动画 API

如何设计动画 API

声明式动画 API 的优点:

  • 易于理解和使用
  • 易于调试和优化
  • 易于扩展和维护

Web Animations API

Motion 是完全兼容 WAAPI 的,详见:Improvements to Web Animations API

ts
const values = {
    x: 100,
    color: '#f00',
};
animate(values, { x: 200, color: '#00f' });

Animation flow with generator functions

https://motioncanvas.io/docs/flow

Manim

https://github.com/3b1b/manim

SVG 路径动画

扩展阅读

Released under the MIT License.