flash Rooloutボタン AC

質問

flash rolloutボタン
はじめまして。flash初心者です。いろいろ調べてみたのですが、分からず
どなかたかお教えいただけますでしょうか？できればサンプルのflaファイルを頂けると大変ありがたいです。お願いいたします。

基本的にはボタンをロールオーバーしたらフェードイン、ロールアウトしたらフェードアウトするボタンを作成したいのですが、まず画像Aのボタンをロールオーバーすると画像Bが徐々にでてきてロールアウト時は画像Bが徐々に消え画像Aに戻るというボタンを作りたいのです。その際画像ABともに背景がすけるように透明機能をもったpngを仕様したいのです。
どなたかお教えいただけますでしょうか？よろしくお願いいたします。

回答No.1

BlurFiltan

> できればサンプルのflaファイルを頂けると大変ありがたいです。

決して怒っているわけではありませんが，
２つの理由からそれはできません。

「OKWaveはじめてガイド　禁止事項」
http://help.okwave.jp/okwave/beginner/prohibition.html

> 【個人情報の開示】
> ■会員自身の運営するサイト・ブログ等を開示する投稿
　　　　　　　　　　　　　　　~~~~~~~~~~~~~~~~~~~~~~~~
> ■丸投げ・依頼
> 当サイトは、質問と回答の形式で会員の方同士の
> 助け合いによる情報交換の場として運営しておりますが、
> 他の会員に回答を義務づけ、あるいは
> 何かを依頼してやってもらうというような場ではございません。
　~~~~~~~~~~~~~~~~~~~~~~~~~~~~

FLA ファイルを提供する場合，
個人のメールアドレスや個人が管理しているHPを公開したりする必要性が出てきます。
またアップローダを使う場合でも個人が管理できるファイルの提供ということになります。
あと，
質問者さまはおそらく依頼の気持はないと思いますが，
FLA ファイルを提供するということは，
「仕事を依頼されてその仕事上のファイルをやりとりした」
と取れる（取られる）可能性もあります。
また，
そういうことをすると，
後々，このページを参考にしてみようと思われる他の方にとっては，
肝腎な FLA ファイルがないので，
何の利益も価値もないページになってしまいますね。

代表して OKWave のURLを書いていますが，
教えて!goo など他の OKWave提携サイト でも基本的に同じです。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

というわけで FLA ファイルなしでの回答です。

> まず画像Aのボタンをロールオーバーすると
> 画像Bが徐々にでてきて
> ロールアウト時は画像Bが徐々に消え
> 画像Aに戻るというボタン

と書かれていらっしゃいますね。
機能としてはボタンで良いのですが，
普通はムービークリップ（MC）の入れ子で作成します。

まず，ステージ上の 「画像A」 をムービークリップ（MC）に変換します。

そして，その「画像A」入りムービークリップ（MC）をダブルクリックして，
ムービークリップ内のタイムラインの編集に移ります。

ムービークリップ内のタイムラインは，１レイヤー １フレーム になっていて，
その レイヤー1 の フレーム1 には 「画像A」 が存在するはずです。

その レイヤー1 を右クリック→「レイヤーを挿入」で，レイヤー2 を作成します。

レイヤー2 の フレーム1 の空白キーフレームを選択した状態で，
「画像B」 をステージ上に挿入し， 「画像A」 と重なるように配置します。

その 「画像B」 をムービークリップに変換します。
そして，その「画像B」入りムービークリップを選択した状態で，
ステージ下のプロパティインスペクタで，<インスタンス名> を付けます。
インスタンス名は何でも良いですが，
「mcB」 というインスタンス名を付けたことにしておきます。

　ムービークリップ内タイムライン

　レイヤー2　・・・・|●| ←画像B入りMC 「mcB」
　レイヤー1　・・・・|●| ←画像A

ここまでできましたら，
ステージ上の何もないところをダブルクリックして，
_root（メイン） のタイムラインの編集に戻ります。

_root（メイン） のタイムラインの編集に戻ると，
ムービークリップは上レイヤーに配置した「画像B」が見えているはずです。

その 画像A・B 入りムービークリップを選択して，
下のアクションパネルに次のように書きます（コピペします）。

----------------------------
// この MC が表示されたとき
onClipEvent (load) {
// フェードインアウトするスピードを設定（変更可）
spd = 1/7;
// このMC内の mcB のアルファを 0 にする
this.mcB._alpha = 0;
// 目標アルファの変数 alp を 0 にする
alp = 0;
}

// この MC にロールオーバーしたとき
on (rollOver) {
// 目標アルファの変数 alp を 100 にする
alp = 100;
}

// この MC からロールアウトしたとき
on (rollOut) {
// 目標アルファの変数 alp を 0 にする
alp = 0;
}

// この MC からドラッグアウトしたとき
on (dragOut) {
// 目標アルファの変数 alp を 0 にする
alp = 0;
}

// １フレーム進む時間毎に随時実行
onClipEvent (enterFrame) {
// 目標アルファの値に spd の割合ずつ近付ける
this.mcB._alpha += (alp-this.mcB._alpha)*spd;
}

// この MC をクリックしたとき
on (release) {
// ←ここにクリック時の動作を書きます
}
----------------------------

これでできあがりです。

ご使用のFlashのバージョンを書かれていらっしゃいませんが，
上のスクリプトは ActionScript1.0 で，
FlashMX 以上 （Flash MX，MX2004，8，CS3） で使用できます。

※Flash 5 以下の場合は
　 この方法やスクリプトを使えませんので，
　 しくみ自体を変える必要があります。