使用本机javascript创建动画

Question

我有兴趣使用传统的javascript（无框架）和canvas创建各种类型的javascript动画。我的问题是，任何人都可以向我指出有用的资源（书籍/网站等）。我知道很多框架已经存在，但我的学习目标是理解核心语言。

Answer 1

动画基本上是属性随时间的变化。要实现此目的，请使用setInterval确保更改生效逐步。在每个步骤中，您可以通过插值计算两个值之间的属性的当前值，并考虑已用时间。最后，您可以在动画中添加缓动，以使状态之间的过渡看起来更加平滑。动画队列也可以添加。

推荐 - 托马斯·富奇的<{3}}

Answer 2

在intertubes上有一个plethora of articles discussing this。

一个关键技术是使用setTimeout（）逐步修改项目的不透明度。这基本上就是jquery UI - 你提到的框架之一 - 用于实现动画，淡入淡出，幻灯片等。