jqueryで四方八方に画像が飛んでいく処理を書きたい

Question

jqueryまたはjavascriptにて画面中央に同じ画像がどんどん表れて、四方八方に移動しながら
フェードアウトしていく処理を書きたいのですがいまいち実装がおもいつきません。

縦横斜めいろいろな処理を書いてそれをランダムで実行させるなど考えたのですが
それだとその書いた処理分の角度しか飛ばないのでいろんな角度に飛ばすにはどうすればいいでしょうか？

Comments

[coco_bauer]

角度をランダムに決めるだけのように思いますが、kokekokoさんがイメージされているものと異なりますか？

[退会済みユーザー]

jqueryまたはjavascriptにて・・・ jqueryとjavascriptの違いって分かっていますか???

Answer 1

移動する角度を0-2πからランダムに選べばいいと思います。

Math.random()で0以上1未満の小数から一様分布でランダムな数が得られるので、これに2πを掛ければ0-2πの一様分布になります。

角度とスピードから速度ベクトルを求めるのはMath.sin()とMath.cos()を使えばできます(言うまでもないと思いますが)。