スマートフォンやhtml5+CSS3など新技術に四苦八苦。jQuery、AjaxなどJavaScriptも難しいですね。そんなWebに悩む人のネタ帳です。

今回は「モーションガイド」。

これまでのムービーでは、オブジェクトを移動させる際に、直線的な動きしか実現できなかった。もしくはコマの間がない、パラパラ漫画のような動き。

しかし、このモーションガイドを利用すれば、複雑な動きが実現できる。
以下の地図の例では矢印を「く」の字に移動させている。また、かどを曲がるのにきちんと前方を意識して回転している。絵では見えないが、えんぴつなど書いた道をなぞって矢印は移動している。





この例では派手な動きはないが、複雑な曲線を描いたとしても、ガイドにそって物体を移動させることができる。

ちなみにこの絵はいつもおせわになっているBAR「ROOTS!」の地図を利用させてもらいました。。。

このエントリーをはてなブックマークに追加

Comment

Comment Form

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Monthly Archives

Search