如何在JS中實現動畫粒子？

Question

我瞄準的外觀不是具有方向性矢量的動畫gif，而是有趣地傳播或創建額外的運動或視覺細節。

Answer 1

所以有三件事。

1）如何顯示顆粒

2）如何動畫他們

3）如何使他們 「有趣」

對，所以。

1很簡單。總是有十億種方法。最簡單的方法是，如果您願意堅持使用現代瀏覽器，並且如果您對適度的高質量結果感到滿意，您應該在墊腳石中創建一個PNG，然後創建一個<img src="that"> ，把它放在原點（比方說現在的中心），並將它向外移動。也許會淡入其中或其他。

2也許很容易。取決於很多選擇。你能堅持只是一個現代的瀏覽器？如果你正在製作iPhone或Win8遊戲，你確切知道你的目標是什麼瀏覽器，答案是肯定的。如果是網絡，答案是否定的。如果你知道這是一個現代瀏覽器，那麼使用CSS3轉換，而這項工作是微不足道的。如果你不這樣做，請使用jQuery或Scriptaculous或其他東西，而這只是非常簡單的。

3 ...呃，我的意思是，有趣的是一個很難界定的詞。首先以波浪或螺旋方式發射它們。然後嘗試隨機。然後嘗試半隨機 - 你發射他們在明確的範圍，所以你會隨機看，但你得到很好的報道。看看子彈地獄遊戲的靈感。