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

时间:2015-09-29 07:27:59

标签: html5 css3 flash animation

我想将类似游戏的效果添加到网络应用中,以使其更具互动性和趣味性。具体来说,当有人填写答案时,我希望有一个可以跳舞的小角色,或金币弹出 - 类似于你在游戏中看到的东西。

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

我很感激任何洞察力,即使只是搜索哪些条款!

谢谢, 石楠

1 个答案:

答案 0 :(得分:0)

您有很多选择:

CSS:检查此动画效果,并在任意位置使用它们:https://daneden.github.io/animate.css/

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

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

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

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

最后,像Tympanus这样的来源对于可下载的CSS和jQuery代码非常好,例如button effets,但也是一个鼓舞人心的来源。

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