第13回 モーションブラーと弾むアニメーション | gihyo.jp

前回つくったマウスポインタに合わせて弾けるスプライトアニメーションに、さらにふたつ表現を加えたい。第1は、アニメーションの残像に、落ちる動きのぼかしを加える。いわゆる「モーションブラー」だ。第2に、ステージの下端まで落ちたインスタンスを弾ませる。簡単な物理の考え方を採入れる。 CreateJSがアップデートされた 先にお伝えしたいのは、CreateJSが2013年9月25日付でアップデートされたことだ。EaselJSは、0.6.1から0.7.0にマイナーバージョンが上がった。今回から早速新たなライブラリを使うことにしよう。すると、script要素に読込むEaselJSライブラリのJavaScriptファイルは差替えなければならない。 <!-- <script src="http://code.createjs.com/easeljs-0.6.1.min.js"></script> -->

[cat2151]

高速移動オブジェクトがあまり移動に見えないのを、擬似ブラーでフォローできるかな、と半透明スプライトを多数重ねて試してみたけど、費用対効果を上げるにはぼかしその他いろいろ工夫が必要な感触

[yasu-log]

［B!］HTML5のCanvasでつくるダイナミックな表現―CreateJSを使う 第13回　モーションブラーと弾むアニメーション / autoClear=falseは鉄板