canvasでパーティクル

チビチビとcanvas + javascriptやってみています。

particle1
particle2
particle3

なんだか同じような動作ですが、それぞれ方法がすこしずつ違ってます。
このあたりの方法を一回ちゃんとやっておきたかった。
canvasでオブジェクトを動かす時のお作法的な部分はこちらを参考にした。

http://jsdo.it/sabo2/knGX

particle1

ActionScript3.0アニメーション」のchp8 イージングとバネを参考に作成。
加速度と摩擦を使う。

scratchbrainのエントリを参考にjsへ移植したのだけど、該当エントリ消えちゃってますね。

particle2

ゲーム開発のための数学・物理学入門」やASGFを参考に
2次元ベクトルライブラリ作成して、使用。
ベクトルの使い方は以下を参照。
Flashゲーム講座&ASサンプル集【ベクトルを使ってみよう】

Vectors for Flash

particle3

こちらもベクトル使用だが、移動ベクトルと逆向きに作用する

摩擦ベクトル(正確には違うけど。)のようなものを導入。

引き続き、この手ので必要な跳ね返りとか滑りとかやってみる予定。

Comments

  1. cardaddy より:

    Amazing blog! Many thanks for creating it. Keep posting that way.

  2. [...] こないだから引き続きcanvas + javascriptやってます。 [...]