ActionScript～ロールオーバー～について

質問

http://www.francfranc.com/

上記URLにて使われております、　FLASH部分について教えてください。

私、初心者の予想では、Action Scriptでかかれていると思うのですが、

実際どのようにしたら、FLASHでロールオーバーしたときに

画像を置き換えることが出来るでしょうか？

Action Scriptも知識が全然ありませんので、　サンプルコードなど教えていただけたら、幸いです。

どうぞ宜しく御願い致します。

回答No.1

BlurFiltan · ベストアンサー

ActionScriptですか？
使っても良いですが使わなくても良いでしょう。

と言うか
ActionScriptを使わない方法ができてから
気が向いたら使ってみても良いかもしれません(？)。

要するにどう見ても "単なるボタン" です。
ロールオーバー(マウスオーバー)で
オーバーフレームに遷移するだけの超単純なボタンで，
アップ・オーバー・ダウン・ヒット フレームのうち
アップとオーバーフレームに塗りや字を置けば良いだけです。

～作り方～

ステージ上に矩形ツールで濃いグレーの透明な塗りの四角を描きます。
(例：色が #333333 で アルファ が 0％ の塗り)

その四角を選択して「修正」→「シンボルに変換」をします。

このとき「シンボルに変換」ダイアログで，タイプを「ボタン」にして「OK」します。

シンボルに変換されたステージ上のボタンインスタンスをダブルクリックして，ボタン内のタイムラインの編集に入ります。

ボタン内のタイムライン には
「アップ」「オーバー」「ダウン」「ヒット」というフレームがあって
「アップ」フレームだけに塗りがある状態だと思いますから
「オーバー」フレームを選択して右クリックなどから「キーフレームに変換」を選択します。

すると「オーバー」フレームにも同じ塗りができるので
その「オーバー」フレームの塗りだけを半透明にします。
(例：色が #333333 で アルファ が 50％ の塗り)

参考【図】↓(CS4 での操作画面例)

ステージ上の何もないところをダブルクリックするなどして
メインのタイムラインの編集に戻り
「制御」→「ムービープレビュー」で確かめればボタンの動きがわかると思います。

それだけのことです。
ボタンの下レイヤーでスライドショー的なアニメーションを作れば良いだけですね。

参考URL
「ボタンを理解しよう！」
http://1art.jp/flash/le/lesson8/lesson8.htm

ちなみに
色が #000000 でなく，#333333 という妙に落ちつかない色を書いたのは，CS3 や CS4 辺りに変なバグがあるためです。
http://level0.kayac.com/2009/11/black_transparent_shape.php

--- --- ---

別にActionScriptを使っても良いとは思います↓。

「ActionScript 3.0に対応したMovieClipのボタンをつくる」
http://fumiononaka.com/TechNotes/Flash/FN0706001.html

しかし，
今回のものの場合は手間をかけても同じ物ができるだけですから
ActionScript を使っても面倒が増えるだけだと思います。

--- --- ---

なお
ボタンクリック時(書かれているFlashの場合はボタンプレス時)に
別ページに行きますが，それにはスクリプトが要りますよ。
ActionScript 1.0 や 2.0 なら getURL，
ActionScript 3.0 なら navigateToURL とそれにまつわる諸々。

でも 「それはそれ」 です。
今回の質問内容とは何の関係もしません。

お礼

ありがとうございました。

おかげさまで、完成させることができました。

単純に作ることができたのですね・・・
基本を理解していながためにおきてしまったということでしょうか。

本当に丁寧に解説していただきありがとうございました。