javascript - JSでアニメーション化されたパーティクルを実装するにはどうすればよいですか?

Question

私が目指しているのは、方向ベクトルを持つアニメーション GIF ではありませんが、興味深く伝播するか、追加の動きや視覚的詳細を作成します。

Answer 1

これには 3 つのピースがあります。

1) 粒子を表示するにはどうすればよいですか

2) どのようにアニメーション化するのですか?

3) どうすればそれらを「面白く」することができますか

そうですね。

1はかなり簡単です。いつものように、10 億のアプローチがあります。最新のブラウザーに固執する意思があり、適度な品質の結果に満足している場合 (飛び石ではそうあるべきです) は、1 つのパーティクルの PNG を作成してから<img src="that">、.原点（ここでは中心としましょう）に配置し、外側にアニメーション化します。多分それをフェードインするか何でも。

2はかなり簡単かもしれません。多くの選択肢に依存します。最新のブラウザーだけに固執できますか? iPhone や Win8 のゲームを作成している場合は、ターゲットにしているブラウザーが正確にわかっているため、答えはイエスです。ウェブの場合、答えはノーです。最新のブラウザーであることがわかっている場合は、CSS3 トランジションを使用してください。作業は簡単です。そうでない場合は、jQuery や Scriptaculous などを使用してください。代わりに、非常に簡単です。

3 ... ええと、興味深いという言葉を定義するのは難しいです。それらを波状またはらせん状に放出することから始めます。次に、ランダムに試します。次に、セミランダムを試してください。明確に定義された範囲でそれらを放出するため、ランダムに見えますが、適切なカバレッジが得られます。インスピレーションを得るために弾幕ゲームを見てください。