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

出社前のひとときに、下準備無しで作ったビデオチュートリアルその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
AS3習得本
AS3の全容を学習できる本。この中でどれか1冊自分に合ったものを。
Adobe Flash CS4 詳細!ActionScript3.0入門ノート ActionScript3.0 プロフェッショナルガイド 初めてのActionScript 3.0 Flashユーザーのためのステップアップガイド 詳説 ActionScript 3.0 Actionscript 3.0 Cookbook
AS3発展本
ASでアニメーションさせる面白さを知るための本。
Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編] ActionScript 3.0 アニメーション AdvancED ActionScript 3.0 Animation (Advanced)
AS2
"Flash"ではなく"ActionScript2.0"学習のための良著。他にもいろいろ読んだけど、この4冊を読んだ後、自分が成長できた感じがしました。
FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付] Essential Actionscript 2.0 Flash 8 Essentials Foundation Actionscript Animation: Making Things Move (Foundation)

あわせて読みたいブログパーツ

相互リンク

hi-posiさん
携帯Flashといえばhi-posiの岡田昇三さん。FlashLiteの有益な記事もたくさん書かれていていつもお世話になってます。ついにご挨拶させていただきました。面白すぎる人でしたw。

Return to page top