Flashでミュージックプレイヤーを作ろう（４）

全国blogランキング　Flash初心者講座は何位かな？





ミュージックプレイヤー今回の講座でいよいよ完成です。

今回は完成品を見れるようにしてみました。


準備する物　好きな音楽を三曲プロパンモード   さんからお借りしましょう。

　　　　　　　　再生ボタン、停止ボタン、戻るボタン、進むボタンをそれぞれ作成して下さい。
　　　　　　　　
ボタンの作り方は  




できたら準備完了です。作成に入りましょう！


１フレーム目に適当に四角を書きます。

さっき作成したボタンも配置します。




次に２～４フレーム目にキーフレームを挿入します。

１～４フレームにstop();のアクションを記述します。

フレームはこの段階でこうなっているはずです。





レイヤーを右クリックしてレイヤーを挿入します。

新しくできたレイヤーの１～４に空のキーフレームを挿入します。

一段目のレイヤーにはボタンを、二段目のレイヤーには音楽をというわけです。




この空の部分に音楽を入れましょう。

注意するのは１フレーム目には音楽を入れないということです。

２～４フレーム目に一曲ずつ用意した音楽を入れましょう。

音楽をフレームに入れる方法は前回の講座 でやりましたね＾－＾

フレームはこうなります。






ここまでくればあとはボタンにアクションスクリプトを記述するだけです。


１フレーム目の再生ボタンに on (press) {gotoAndPlay(2);} と記述します。

２フレーム目の進むボタンに　　on (press) {stopAllSounds();gotoAndPlay(3);｝
　　　　　　　　　 戻るボタンに　　 on (press) {stopAllSounds();gotoAndPlay(4);}
　　　　　　　　　 停止ボタンに on (press) {stopAllSounds();gotoAndPlay(1);}

３フレーム目の進むボタンに　　on (press) {stopAllSounds();gotoAndPlay(4);}
戻るボタンに　　 on (press) {stopAllSounds();gotoAndPlay(2);}
停止ボタンに on (press) {stopAllSounds();gotoAndPlay(1);}

４フレーム目の進むボタンに　　on (press) {stopAllSounds();gotoAndPlay(2);}
戻るボタンに on (press) {stopAllSounds();gotoAndPlay(3);}
停止ボタンに on (press) {stopAllSounds();gotoAndPlay(1);}

です。

ちょっと複雑ですが一つずつやっていけば大丈夫です＾－＾


いかがでしたでしょうか？
もし何か質問などありましたらどんどんコメント下さい。

次回はマスクという手法を使ったアニメーションを紹介しますのでお楽しみに！

もし講座面白かったという方がいましたら、応援クリックよろしくお願いします！