如何使用Javascript制作动画

Posted

技术标签:

【中文标题】如何使用Javascript制作动画【英文标题】:How to make animation using Javascript 【发布时间】:2015-10-18 06:08:23 【问题描述】:

我想在我的项目中添加一些类似于真人快打介绍的内容,它将被称为“Sonya v.s Scorpion”。我尝试使用 Flash CS5 创建它。有一个从左侧到中间的动画,另一个从右侧到中间的动画,中间是“V.s”。

我研究了 javascript,但我不知道如何制作动画……我可以用 Flash 准备它,但它会使网站变慢。有人能帮我吗?谢谢。

【问题讨论】:

这个网站是为编程问题。我们不是图形艺术家。 您可以为此目的使用 Canvas。制作一个画布元素并放在那里 2 个精灵(图像):蝎子和索尼娅。使用 canvas API,您将能够使用 JavaScript 移动它。如果你掌握了它,你将能够创造出好的动画甚至游戏。祝你好运。 Thnx 这么多贷款.. 【参考方案1】:

您可以为此目的使用 Canvas。制作一个画布元素并放在那里 2 个精灵(图像):蝎子和索尼娅。借助 canvas API,您将能够使用 JavaScript 对其进行动画处理。

检查此链接,它应该对您有很大帮助。有很多例子。 http://www.williammalone.com/articles/

【讨论】:

以上是关于如何使用Javascript制作动画的主要内容,如果未能解决你的问题,请参考以下文章

你如何检测 CSS 动画何时以 JavaScript 开始和结束?

如何让我的 javascript 动画更快?

43 JS+Vue3制作动画和钩子函数

悬停时的Javascript动画[关闭]

如何使用 CAFilter 为相机光圈动画制作动画?

如何使用 CSS3 动画制作类似原子的动画?