さて、drawTrianglesであそぼの第3回。 今回は、drawTrianglesを使ってモーフィングっぽいアニメーションをさせます。 モーフィングとは絵と絵の間を補間して、スムーズに変化させる映像手法の1つです。 映像の分野では色々な場面で使われているおなじみの手法ですが、 前回、前々回で使ったクラスを応用して、モーフィング「っぽい」動きをさせることができます。 このような感じ。 画像と画像の間がつながっているわけではありませんが、左上を向いた猫がフクロウになる時に こちらに振り返っているような微妙なつながり感があります。 方法 手法を解説しましょう。 モーフィングは、ようするに補間なので「前の画像から今の画像へスムーズに移動しましたよー」ということが わかるようにアニメーションさせればよいということになります。 上記のサンプルで言うと、「猫が梟になる時に、猫がこっちに向き直って変化
![drawTrianglesであそぼ3 モーフィングぽい表現 | _level0 - KAYAC Front Engineer Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/eec6dd9c513f0d18c25bcb4b99f8892072a31ff5/height=288;version=1;width=512/http%3A%2F%2Flevel0.kayac.com%2Fimg%2Fogp%2FFlash.png)