前回は、BoxBlurFilterによりぼかしたイメージのインスタンスに、AlphaMaskFilterでマスクしたもとのイメージのインスタンスを重ね、マウスのドラッグでアルファマスクを描いた(EaselJS「ALPHAMASK FILTER」参照)。参考までに、jsdo.itのサンプルコードを改めて掲げる。この表現そのものは基本的に変えない。今回は、連続する座標を滑らかな軌跡で描く手法について考えたい。 軌跡の描き方をお題と比べる まず、前掲jsdo.itのコードのもととなった前回の第9回コード2がどのようにマウスポインタの座標の軌跡を描いたか、確かめておこう。ステージ上でマウスボタンを押すStage.stagemousedownイベントでドラッグが始まり(startWipe())、ドラッグしている間のアルファマスクのアニメーションはTicker.tickイベントのリスナー(wi
![第10回 ドラッグの軌跡を滑らかな曲線で描く | gihyo.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/0a6431a1b0cb262682acc1db4eb438fc549b41cb/height=288;version=1;width=512/https%3A%2F%2Fgihyo.jp%2Fassets%2Fimages%2FICON%2F2013%2F1082_createjs.png)