スクリプトアニメーション基礎

出社前のひとときに、下準備無しで作ったビデオチュートリアルその2。「スクリプトでトゥイーン(FuseKit以前の僕)」ということで、

ノープラン録画なのでクオリティ低すぎて捨てようと思ったけども、恥を忍んで一応公開。

内容は、

  1. onEnterFrame で クリップの _x を移動させる。if文使って目標地点で止める。
  2. Making Things Move にも載っている減速トゥイーンスクリプト:mc._x += ….(後述)
  3. mx の Tween クラスの簡単な使い方。
  4. でも FuseKit はもっと便利かもよ(次回に続く・・)

以上で9分の映像。準備無しでグダグダやったら FuseKit やる前に時間切れ。

ビデオは以下から視聴できます:
「スクリプトでトゥイーン(FuseKit以前の僕)」

お恥ずかしい話、1年半ぐらい前の僕は、こんな状態でした。if文・for文・onEnterFrameとフラグ判定、あと動画中でも使っている減速トゥイーンの式:
mc._x = ( 目的地 – mc._x )*減速係数
程度で無理矢理製作していたし、それでなんとなく Flash を使えた気になってました。アイタタタ。しかもそのレベルで停滞していた期間が長かった。かなり後悔してます。アイタタタ。

お絵描きから Flash に入った学生さんや新人Flasherの皆さんで、もしそんな僕と同じ状況な方は、スクリプトアニメーションという世界があり、その可能性を早いうちに垣間見ておいた方が良いのではと思った次第です。仕事の効率が上がって楽になるかもしれませんよ。

前回に引き続き、配信フォーマットを模索中ですが、今回は、1024*760の映像を800*600にリサイズしてみた。映像部分を swf ではなく flv にしてみた(らサイズが肥大した。)タイトルもMSゴシックで付けてみた。

参考:
trick7.com blog: Foundation Actionscript Animation: Making Things Move (Foundation)」- 中盤で紹介した減速トゥイーンだけでなく、バネの表現、インバースキネマティクスや3D等、分かりやすく解説されている洋書。今買うなら AS3 版かなぁ。
trick7.com blog: Transition and tween explorer」- mx.Tween クラスのトライ&コードジェネレーター。
trick7.com blog: Development:ITpro」- mx.Tweenクラスの丁寧な解説記事へのリンク。
trick7.com blog: Movie Clip Tweening prototypes」- ビデオでは紹介していませんが、mxのTweenではモノ足りず、ご自分でTweenエンジンを自作される方もいます。
trick7.com blog: fuse kit Archive」- で、AS2における自作Tweenライブラリで、僕が選んだ&巷で人気なのが FuseKit なわけです。

このエントリーをはてなブックマークに追加
はてなブックマーク - スクリプトアニメーション基礎

Comments:2

yamada 07-06-19 (火) 15:06

恥ずかしながら、未だに減速トゥイーンの式でゴリゴリ書いてます。FuseKit使ってみたいなぁと思いつつ、なかなか手をつけれてないので、次回ビデオチュートリアル楽しみにしてます。

tera 07-06-19 (火) 16:30

>yamada様
お世話になっております。yamada様のdel.icio.usコメントを拝見し、FuseKitを賛美しすぎたと反省し、ちょっとだけ記事を修正しました。
要は成果物なので、どんなアプローチでもいいと思うのですが、去年の自分に対してもっと早くTweenクラス等の可能性を見せてやれてればなぁと、ふと思った次第でした。

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.trick7.com/blog/2007/06/19-101145.php/trackback
Listed below are links to weblogs that reference
スクリプトアニメーション基礎 from trick7

Return to page top