はじめまして。
素人ながらFlashを使い↓のようなものを作成したいと考えているのですが、はじめたばかりで何から習得すべきかもわからない状態です。
・あるボタンにカーソルをロールオバーさせる
↓
・Flash全体(元は白の背景)が薄暗くなり、白い噴出しが現れる。
↓
・噴出しの中にゆっくりと文字が浮かび上がる。
いろいろ調べてActionScriptを記述しないといけないのはわかるのですが、それをどこにどうやって記述するのか、そのボタンや、背景などのコンポーネントで何を作成する必要があるのか全くわからない状態です。
イメージだけいただければあとはネットで調べられるとは思うので、簡単な手順だけでも結構ですのでご教授いただけると幸いです。
ここに書いている内容だけでは何がしたいのか伝わらないかもしれませんが、その場合は補足要求いただけますようお願いいたします。
以上、何卒よろしくお願いします!
No.1ベストアンサー
- 回答日時:
2つのムービークリップタイムラインの再生ヘッドを,
1つのボタンで操作すればできると思いますよ。
> あるボタンにカーソルをロールオバーさせる
→ on (rollOver) { … }
> Flash全体(元は白の背景)が薄暗くなり、
→Flash全体にかかるような半透明の白い塗りを
あるムービークリップの中に出没させる
> 白い噴出しが現れる。
→白い吹き出しをあるムービークリップ内に出没させる
> 噴出しの中にゆっくりと文字が浮かび上がる。
→白い吹き出しのムービークリップ内で,
文字のアルファを0→100へとモーショントゥイーンで変化させる
という流れでいけると思います。
まず,メインムービー (_root) のレイヤー構造ですが,
実際は何フレームあるのか知りませんが,
一応1フレームしかないとすると次のような感じにします。
レイヤー 筆・・|●| ←吹き出し+文字用
レイヤー 筆・・|●| ←白い幕用
レイヤー 筆・・|●| ↓ボタンなどなど
… その他 …
レイヤー 筆・・|●|
白い幕ですが,
これは Flash 全体を覆うような大きな白いアルファ50くらいの四角を描いて,
その白い幕をムービークリップに変換します。
そしてその白い幕ムービークリップには,
「maku」 というインスタンス名を付けたとしておきます。
「maku」 をダブルクリックして「maku」 内のタイムラインの編集に移ります。
「maku」 のレイヤーを,2フレーム2レイヤーにします。
そして,フレーム2の方に白い塗りを移動させ,
フレーム1の方は空白キーフレームにします。
レイヤー 筆・・|○ []| ←スクリプト用
レイヤー 筆・・|○|●| ←フレーム2に白い塗り
そして,
スクリプト用に用意したフレームのフレーム1に,
------------------
this.stop();
------------------
と書いて,勝手に再生しないようにさせておきます。
これで白い幕はできあがりです。
メインムービー(ドキュメント)の編集に戻ります。
次に「吹き出し+文字」の作成ですが,
まずステージ上に吹き出しを描きます。
それをムービークリップに変換して,
「hukidasi」 というインスタンス名を付けたとしておきます。
「hukidasi」 をダブルクリックして「hukidasi」 内のタイムラインの編集に移ります。
そして,次のような構造にします。
レイヤー 筆・・|○ []|○| ←スクリプト用
レイヤー 筆・・|○|●------> []|●| ←文字
レイヤー 筆・・|○|●//////////[]| ←吹き出し
「maku」と同じようにフレーム1は空白キーフレームにしておいて,
吹き出しの上のレイヤーで,
グラフィックシンボル化した文字をアルファ0→100にモーショントゥイーンさせます。
スクリプト用に用意したレイヤーの
最終フレームも空白キーフレームにして,
フレーム1 にも 最終フレームにも 両方とも,
------------------
this.stop();
------------------
をかいておきます。
これで「吹き出し+文字」はできあがりです。
メインムービー(ドキュメント)の編集に戻ります。
そしてボタンですが
ボタンでは上の2つのムービークリップ「maku」と「hukidasi」の再生を制御すれば良いだけですから,
次のようになります。
------------------------------------------
// ロールオーバーしたとき
on (rollOver) {
// 幕をフレーム2に進ませてストップ
_root.maku.gotoAndStop(2);
// 吹き出しを再生開始
_root.hukidasi.play();
}
//
// ロールアウトしたとき
on (rollOut, dragOut) {
// 幕をフレーム1に戻してストップ
_root.maku.gotoAndStop(1);
// 吹き出しをフレーム1に戻してストップ
_root.hukidasi.gotoAndStop(1);
}
------------------------------------------
以上のように,
したいことをムービークリップ内に作成して,
そのムービークリップをボタンによって制御すれば良いと思います。
この方法はFlash の基本的な動かし方で,かなり多くの場合で使うことができる,オールマイティーに近い作成方法です。
この回答への補足
早速のご回答ありがとうございます!
今からひと通り試して見たいと思うのですが、かなりの初心者のためかなりつまずきそうな印象です。
追加で質問させていただくかもしれませんがどうぞよろしくお願いします!
取り急ぎご回答のお礼まで。
できました!!! すごく丁寧に書いていただいてとても感謝しております!
やってみて改めて自分の素人さに気づいたのですが逆にここまで書いてもらってなかったらできてなかったと思います。
最後にまだこの質問をごらんになって頂いている方がいたらお答えいただきたいのですが、↑で作ったFlashの吹き出しがでたときそれをクリックすると別のURLに飛ぶといったものを作るにはどうしたらいいのでしょうか?
これを考えたときにわからないのが
・URLの記述方法
・吹き出しが浮かび上がった時だけクリックできるようにする方法
以上よろしくお願いします!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 日本語 「桃太郎」について 7 2022/11/21 23:15
- その他(データベース) Accessフォームからパラメーターで表示したレコードを指定のExcelのセルへ転送する方法について 2 2022/08/22 18:04
- WordPress(ワードプレス) WordpressでYouTubeの埋め込みができない。 1 2022/10/26 01:08
- Illustrator(イラストレーター) アイビスペイント、原稿作成について 1 2023/07/14 03:01
- 日本語 「に」について 9 2022/10/25 16:32
- デスクトップパソコン パソコンにエラーメッセージが出る 起動順の変更ができない 3 2023/04/11 18:24
- PowerPoint(パワーポイント) PowerPointの背景について 1 2023/03/12 15:22
- PDF 2つのPDFを重ねる方法はありますか? 4 2023/01/30 14:04
- 哲学 日本語の文法を考える 3 2022/06/23 10:05
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
actionscript2.0でMCの切り替え...
-
C言語 バッファについて。
-
フレーム内に移動したい
-
格闘ゲームのコマンド→↓→のプロ...
-
フレーム内のオプションボタン...
-
擬似フレームとPHP
-
Flashで右クリックメニューにつ...
-
左フレームの選択結果を右フレ...
-
Gifアニメの再生について(検索...
-
フラッシュで逆再生中の停止に...
-
phpで音を鳴らす
-
FLASHでシーンをつなげる。
-
C#でDLLファイル読み込みを行う...
-
プルダウンメニューの件で、至...
-
getURLのurl記述部分を外部...
-
Actionscriptでのフレーム間の移動
-
ムービー再生ボタンをクリック...
-
ASではどうやって記述するのか
-
2倍速を等速動画に(車載動画)
-
メガネ ウェリントン どこの国...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ニュースティッカーの作り方
-
Flashでの連打ゲームの作成方法...
-
ロールオーバーしたボタンは押...
-
Flashで一部レイヤーだけループ...
-
画面上にランダムでムービーク...
-
円を描くように動くアニメーシ...
-
Flash lite 1.1で、指定範囲内...
-
パブリッシュで左端が切れます
-
ページ移動する間にMCのアクシ...
-
actionscript2.0でMCの切り替え...
-
長方形がランダムに消えるやつ
-
ラジオボタンの作り方
-
flashでスライド式メニューを作...
-
プルダウンメニューを作ろうと...
-
Flashで四角い図形で切り替わる...
-
ロールオーバーで他の画像を表...
-
時計がついたスライドショーが...
-
flashのActionscriptについて
-
【ActionScript】クラス化のメ...
-
ムービークリップを一定時間ご...
おすすめ情報