向网络应用程序添加类似游戏的动画
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 这样的来源,但也可以作为鼓舞人心的来源。
玩得开心,总是尝试激励自己,并在复制代码之前学习开发自己的效果所需的知识。
我想向 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 这样的来源,但也可以作为鼓舞人心的来源。
玩得开心,总是尝试激励自己,并在复制代码之前学习开发自己的效果所需的知识。