向网络应用程序添加类似游戏的动画

Add game-like animations to web app

我想向 Web 应用程序添加类似游戏的效果,以使其对用户而言更具交互性和乐趣。具体来说,当有人填写答案时,我想要一个会跳舞或弹出金币的小角色——类似于您在游戏中看到的东西。

最好的方法是什么?我有点困惑是否可以通过 HTML5,或者我是否仍需要使用 Flash 或其他什么。我不确定用于搜索答案的术语,到目前为止,我已经找到 CSS3 动画和 HTML5 矢量动画,但这些并不是我要找的。

我将不胜感激任何见解,即使是关于要搜索的术语!

谢谢, 希瑟

你有很多选择:

CSS: 检查此动画效果,并在任何需要的地方使用它们:https://daneden.github.io/animate.css/

不要只使用它们:分析每个动画并了解它们是如何工作的。如您所见,CSS 在动画方面非常强大,不需要太多内存即可 运行(对移动设备很重要)

jQuery: 熟悉 CSS 动画和可能性后,检查所有 .animation 方法可能性 from jQuery docs

这是一个很好的开始方式。

关于高级文本动画等非常具体和复杂的事情,我建议您搜索为这些目的创建的特定插件。例如,Textillate for text animations, WaitMe for load animations or PACE 用于加载效果和加载过程。

最后,像 Tympanus are great not ony on downloadable CSS and jQuery code for, for example, button effets 这样的来源,但也可以作为鼓舞人心的来源。

玩得开心,总是尝试激励自己,并在复制代码之前学习开发自己的效果所需的知识。