タグ

createJSに関するbm0329のブックマーク (1)

  • 第10回 ドラッグの軌跡を滑らかな曲線で描く | gihyo.jp

    前回は、BoxBlurFilterによりぼかしたイメージのインスタンスに、AlphaMaskFilterでマスクしたもとのイメージのインスタンスを重ね、マウスのドラッグでアルファマスクを描いた(EaselJS「ALPHAMASK FILTER」参照⁠)⁠。参考までに、jsdo.itのサンプルコードを改めて掲げる。この表現そのものは基的に変えない。今回は、連続する座標を滑らかな軌跡で描く手法について考えたい。 軌跡の描き方をお題と比べる まず、前掲jsdo.itのコードのもととなった前回の第9回コード2がどのようにマウスポインタの座標の軌跡を描いたか、確かめておこう。ステージ上でマウスボタンを押すStage.stagemousedownイベントでドラッグが始まり(startWipe()⁠)⁠、ドラッグしている間のアルファマスクのアニメーションはTicker.tickイベントのリスナー(wi

    第10回 ドラッグの軌跡を滑らかな曲線で描く | gihyo.jp
  • 1