向網絡應用添加類似遊戲的動畫

Question

我想將類似遊戲的效果添加到網絡應用中，以使其更具互動性和趣味性。具體來說，當有人填寫答案時，我想要一個小角色跳舞，或者金幣彈出 - 類似於您在遊戲中看到的內容。

這樣做的最好方法是什麼？我有點困惑，如果這可以通過HTML5，或者如果我仍然需要使用Flash或什麼。我不確定用於搜索答案的術語，到目前爲止，我已經找到了CSS3動畫和HTML5矢量動畫，但這些並不完全是我正在尋找的。

我會感謝任何見解，甚至在什麼條款搜索！

感謝， 希瑟

Answer 1

你有很多選擇：

CSS：檢查這個動畫效果，無論你想使用它們：https://daneden.github.io/animate.css/

不要只使用其中：分析每個動畫和學習他們如何工作。正如你看到的CSS可以在動畫相當強大，並不需要太多的運行內存（用於移動設備的重要）

的jQuery：一旦你熟悉CSS動畫和可能性，檢查所有.animation方法posibilities from jQuery docs

它是一個很好的開始。

關於高級文本動畫等非常具體和複雜的事情，我建議您搜索適合這些pruposes創建的特定插件。例如，用於文本動畫的Textillate，用於加載動畫的WaitMe或用於加載效果和加載過程的PACE。

完成之後，像Tympanus之類的源代碼對於例如button effets的可下載的CSS和jQuery代碼來說不是偉大的，但也可以作爲鼓舞人心的來源。

玩得開心，並且總是試圖激發自己，學習必要的知識以在複製代碼之前開發自己的效果。