demo
ソチ冬季オリンピックなんで何か作ってみようかと思いました。以前に下のサイトを見たことがあり、こういう感じで五輪を描画できないかなと思い、やってみることにしました。
工夫したところ
RAFでアニメーションの高速化
cj.Ticker.timingMode = cj.Ticker.RAF;
cj.Ticker.addEventListener("tick",tick);
アニメーションにはRequestAnimationFlame(RAF)を使ったほうが良いので、それを自動更新のTickerに指定しました。デフォルトはsettimeoutになります。
パーティクルが重なるところの描画
//重なったところの合成方法 this.compositeOperation = "darker";
パーティクル同士が密集しているので、重なり合うことが多いです。どれをどのように描画するのかをcompositeOperationで定義しています。「darker」にすると重なったところは暗くなります。
・参考
JS5 :HTML5向けjavascriptフレームワークのチュートリアルサイト » 重なったEaselJSエレメントの合成方法まとめ