FLASH 初心者

質問

FLASH初心者です。

この度サイト作ることになりまして
一部FLASHを使いたい考えております。

横340p 縦70px 程のサイトロゴ部分を
簡単に動かしたいのですが、
何せ初めてFLASHに触れたので
アクションスクリプトとやらが、さっぱりわかりません…

悪戦苦闘の末、タイムライン上で
自分が思うような、動きはできたのですが
アクションが付けられなくて困っています。

どなたか教えて頂けますでしょうか？

========================================

FLASHを使ってでやりたいコトは↓です。

■サイトを開いたらロゴが動く

■その動きがループせずに終わる

■ロールオーバーで最初からまた始まる

■クリックして離したらリンク先に飛ぶ

========================================

以上です。

いろいろWebで検索してみたのですが
自分やりたいことが簡単すぎなのか、
超初心者が見て理解できるサイトを探すことができませんでした。

もしよろしければ、初心者がいちから学べるような
サイトも教えて頂ければ幸いです。

宜しくお願いします。

回答No.2

BlurFiltan · ベストアンサー

> 本当に説明ベタですいません！

補足は十分わかりましたよ。

ただ，
> ロゴにロールオーバーしたらまた同じ動きでロゴが動く、
> ロゴをクリックしたらリンク先に飛ぶ
という部分が...，ひっとしたら最初から作りなおしになるかもしれません。

クリック や ロールオーバーで動作するものは，つまりボタンとして使用できるものは，
ボタンインスタンス もしくは ムービークリップ インスタンス です。

ロゴを「画像のまま」動かしている場合は最初から作り直しとなるでしょう。
ロゴを「グラフィックインスタンスとして」動かしている場合は，
すべてのロゴのキーフレームにある全てのグラフィックインスタンスのプロパティをボタンまたはムービークリップに変える必要があります。

＝＝＝ ＝＝＝ ＝＝＝

順当に最初から作成する方法を書きます。

まず「ロゴ」を選択して，
「修正」→「シンボルに変換」などで，「ロゴ」を「ムービークリップ」または「ボタン」のシンボルに変換します。

そして，そのシンボル化された「ロゴ」(インスタンス)を選択した状態で，
ステージ下にあるプロパティインスペクタ（プロパティパネル）でインスタンス名を付けます。

ここでは「logo_mc」というインスタンス名にしたとしておきます。

その「logo_mc」をモーショントゥイーンで自由に動かすのです。

そして，「logo_mc」があるレイヤーとは別のレイヤーを作成して，
最終フレームを空白キーフレームに変換します。

それで，フレーム1 のキーフレームと，最終フレームのキーフレームに，
ActionScript を書いて行きます（下↓の図）。

最終フレームのキーフレームを選択して，

-------------------------------
// このフレームの再生を停止
stop();
-------------------------------

と書きます(コピペします)。
「//」はコメントアウト記号ですからその後に続く文字はスクリプトとして判断されません。
つまり上の場合，Flash的には stop();　のみがスクリプトとして動作します。

これで，
> ■その動きがループせずに終わる
の部分ができます。

次に フレーム1 の空白キーフレームを選択して，
そのフレームに「logo_mc」に対するマウスカーソル反応の関数(イベントハンドラメソッド)を
ActionScriptで定義します。

------------------------------------------------------
// 「logo_mc」ロールオーバー時の動作を定義 ：戻り値なし
logo_mc.onRollOver = function():Void {
// このタイムラインのフレームを1に進めて再生
gotoAndPlay(1);
};

// 「logo_mc」クリック時の動作を定義 ：戻り値なし
logo_mc.onRelease = function():Void {
// 「xxxx.html」 を別窓で開く(同窓の場合は「, "_blank"」は不要)
getURL("xxxx.html", "_blank");
};
------------------------------------------------------

これで「ファイル」→「パブリッシュ」をすれば出来上がりです。

ロゴを「画像のまま」動かしている場合は，
画像をムービークリップまたはボタンに変換するところからやり直しです。

ロゴを「グラフィックインスタンスとして」動かしている場合は，
すべてのロゴのキーフレームにある全てのグラフィックインスタンスのプロパティを
ステージ下のプロパティインスペクタより，
左上の方にある
　［グラフィック　　　▼］
の部分で，
ボタンまたはムービークリップに変える必要があります。

下の図ですが，
もし本当に下の図のようにロゴが動き回るようなアニメーションを作成していたならば，
ロゴをクリックすることは非常に難しいですよ。
また変な動きになると思います。

あと，下の図の 「ロゴろご」 のようにロゴに隙間がある場合は，
その周りを埋めるように透明な塗りでも用意した方が良いと思います。
「透明」を図示することができないので下の図では水色の半透明グラデーションにしています。

※ Adobe Flash なら書籍も充実しています。
　　また Flash 8 の本もまだ探せば残っていると思います。
　　この辺のことは，
　　本来 「本」 を参考にして作って行くべき部分だと思います。
　　（注：本の購入はバージョンを間違えないように。
　　　　　これが本を選ぶ最低条件です。）

お礼

BlurFiltanさん

ご丁寧に教えていただき
ありがとうございました。

この手順で作成してみます！

何から何まで教えていただいて
本当にありがとうございました
感謝しております。

回答No.1

BlurFiltan

> FLASH初心者です。

何の Flash作成ソフト の初心者でしょうか？
例 Adobe Flash(＝Macromedia Flash)
　　FlashMaker(＝MotionMaker)
　　Free Motion
　　flaave
　　Suzuka
　　…などなど…

またそのバージョンは何でしょうか？
例 Flash MX，Flash Basic 8，Flash CS4 などなど
　　FlashMaker 3　MotionMaker 4 などなど
　　Free Motion(1)，Free Motion 2
　　…などなど…

> アクションスクリプトとやらが、さっぱりわかりません…

アクションスクリプト のバージョンは何でしょうか？
例 ActionScript1.0，2.0，3.0，など

> ■サイトを開いたらロゴが動く

これは 「Flash を開いたらロゴが動く」 ととらえてもよろしいですよね？

> ■ロールオーバーで最初からまた始まる
> ■クリックして離したらリンク先に飛ぶ

何にロールオーバーしたときにロゴが動くアニメーションがまた始まるのでしょうか？
また同じく何をクリックしたときにリンク先に飛ぶのでしょうか？

全て大切なことです。
これらをすべて意識していないと作成できません。

当然私は全ての Flash 作成ソフトや 全ての ActionScript についてわかるわけではありませんので，
上記内容がわかれば回答できるという約束は決してできませんが，
上記内容がわからなければ何も回答のしようがないので，
補足できる範囲で補足説明してください。

補足

BlurFiltan様
回答ありがとうございました。

そして説明不足で申し訳ありません。

ソフトは
Macromedia FLASH8です。

アクションスクリプトのバージョンは
2.0です。

>これは 「Flash を開いたらロゴが動く」 ととらえてもよろしいですよね？

大雑把な表現になってしまうのですが、サイトのhtml内にFlashのロゴが埋めんこんであって、
まず最初にページに来たときに勝手に動く（5秒ほどで止まる）
そのロゴにロールオーバーしたらまた同じ動きでロゴが動く、
さらにそのロゴをクリックしたらサイトのトップページに移動するといったことがやりたい事です。

最後のロゴをクリックしたらリンク先に飛ぶというのは
ロゴ動いてるときでも、動いてないときでも反映していたいです。

以上です。
本当に説明ベタですいません！