縦横無尽に移動していくサイトを作りたいです。

質問

いつも拝見させていただいております。
flashまだまだ初心者ですが、今回仕事でflashサイトを作ることになりました。
仕上がりの参考サイトは
http://www.synchronicity.jp/index.htmlです。
画面が拡大して移動したり、縮小したり、サイト自体が縦ではなく横へ横へと（厳密にいうと斜めに）有機的なサイトを作りたいと思っております。
アニメーションなどのムービークリップのみで制作するフラッシュは経験がありますが、スクリプトとなるとさっぱりわかりません。
上記のサイトの作りと同じようにする場合、大きな作りとしてはどのようにつくっているのでしょうか？
スクリプトの事以外なら基本的な作業は出来ます。
どうか、ご教示宜しくお願い致します。

回答No.1

BlurFiltan

=== 前置き ===

縦横無尽 と言いますか，
ボタンのクリックによって動きを変えるということをしなければ，
いわゆる イージング や カスタムイージング 付きの モーショントゥイーン ですよね。
昔からあるオーソドックスで自然な Flash の動きです。
ボタンさえなければ動きだけはスクリプトは要りません。

モーショントゥイーン自体より動きを創造するほうが難しいとは思いますが，
これくらいの動きはモーショントゥイーンで楽々に作成できるものとして続けます。

問題は動き自体よりボタンクリックです。
常に前に前に進ませる （常に play() play() させる）だけのボタンでしたら，これも楽々です。
ボタンにバック（後に後退）があるところにちょっと頭をひねる必要があります。

１つ考えられる方法は，
各状態から「前進」と「後退」のアニメーションを作成して，
ボタンから gotoAndPlay() させる方法です。
決して不可能ではありませんが，普通はしませんね。

もう１つ考えられる方法は，
「後退」させるときは逆再生を使うことです。
「ロールアウトで逆戻りするアニメーション」
http://www.fumiononaka.com/TechNotes/Flash/FN0303003.html

この辺（逆再生を使う辺り）でできれば，それで良いのではないでしょうか？

=== 本題 ===

結局，モーショントゥイーンで作成出来るかどうかがネックです。
モーショントゥイーン自体よりも動きの創造がネックです。

上の 逆再生 の方法でできるとは思いますが，
ご質問のサイトは，おそらく モーショントゥイーン の AS 版，
Tween クラスを使用していると思います。

第21回　Tweenクラスを使えばインスタンスを簡単に動かせる
http://itpro.nikkeibp.co.jp/article/COLUMN/20060821/246028/
第22回 Tweenクラスのさらに便利な使い方：ITpro
http://itpro.nikkeibp.co.jp/article/COLUMN/20060830/246761/

ご質問のサイトはで，Tweenクラス（またはその拡張クラスなど）を使用しているので，
ActionScriptActionScriptしていない自然な動き（モーショントゥイーンに近い動き）になっているのだと思います。