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

标签 html css flash animation

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 7 年前

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

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

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

谢谢, 希瑟

最佳答案

你有很多选择:

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

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

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

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

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

最后,来源如 Tympanus不仅适用于可下载的 CSS 和 jQuery 代码,例如 button effets ,同时也是灵感来源。

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

关于html - 向网络应用程序添加类似游戏的动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32838139/

上一篇:CSS 列表 : Centering your list text w. r.t 列表样式图像

下一篇:javascript - 由于 td 宽度的变化,点击不起作用

相关文章:

java - 尝试将开放处理代码转换为pj.5s

html - 使用 CSS 居中图像

javascript - 滚动到固定导航不粘

html - Safari Mobile Multi-Line <Select> aka GWT Multi-Line ListBox

jquery - 如何拥有清晰、锐利和 slim 的 jqueryUI GUI 元素?

ffmpeg - 将压缩的 swf 转换为 mp4

javascript - 使用自动刷新将 DIV 标记更改为 Iframe

javascript - swf 加载后执行 js - Captivate

java - 在 UI 端处理 ResponseEntity 的最佳方法是什么?

javascript - Vue.js 过渡问题