[pixi.js] 金魚鑑賞 (3)

水槽内を泳ぐ金魚を上から覗いてみたよ。 :bouzu:
pixijs で試しちゃった。 :girl:

pixijs_school3

DisplacementFilter を使って、水面をゆらゆらさせてみた。 :boy:
ブラーかけようとすると、影が描画できないっぽい。 :cloud:

金魚自体の動きは、スプライトシートで。
画面をクリック(タップ)すると、金魚が逃げるよ。 :boy:

群れのアルゴリズム「Boids」というのを使うらしい。
分離(Separation)
 金魚オブジェクトが他の金魚オブジェクトとぶつからないように距離をとる。
整列(Alignment)
 金魚オブジェクトが他の金魚オブジェクトと概ね同じ方向に飛ぶように速度と方向を合わせる。
結合(Cohesion)
 金魚オブジェクトが他の金魚オブジェクトが集まっている群れの中心方向へ向かうように方向を変える。


[修正] (15/05/10 Sun 18:52)
pixi.js v3.0.3 にバージョンアップ。