Flashを使った脱出ゲームの作り方など
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

 少し時間があいてしまいましたが
描いた背景をパラフラに置いてみる の続きです


前回パラフラに4画面分の背景を配置しましたが
今回は黒ボタンにアクションスクリプトを書き加えて
部屋を移動できるようにして、とりあえずの部屋を完成させたいと思います


移動1


まずroom1の深度1に置いている黒ボタンに

on (release){
this.gotoAndPlay("room4");
}

と書き込みます
部屋を時計まわりに進むようにしたいので
画面むかって左にあるこのボタンを押すとroom4に飛ぶように
命令を書きました

移動2


このroom1の画面左にある黒ボタンに書き込みました



移動3


次に深度2の画面右にある黒ボタンに

on (release){
this.gotoAndPlay("room2");
}

と書きます
room1の画面右のボタンを押すとroom2に飛ぶようになりました

同じようにroom2の深度1ボタンにはroom1に飛ぶように
深度2ボタンにはroom3に飛ぶように命令を書いていきます


room4のボタンまで全て書いたらプレビューで見てみましょう


移動4 

完成したとりあえずの部屋

黒いボタンを押すと部屋移動します 

(また自分のブログの背景が真っ白なのを忘れてました・・・
 見えにくいので部屋の背景の色を黄色っぽく変更してあります)


プレビューで出てきた画面の黒ボタンを押すと
背景が赤⇒水色⇒赤⇒水色と部屋移動できるようになっていると思います

部屋作りの基本的なことはこんな感じです
あとはこの部屋の中に家具を置いていけばいいのです

自分の作った部屋を移動すると感動してもっと作りたくなってしまいます
脱出ゲームを作ってみたいと思っていても
いきなり難しいことにチャレンジすると頭の中がパニックになって
自分にはできないと諦めてしまう方もいると思います

こんな簡単な部屋を練習のつもりで作ってみてはいかがですか




スポンサーサイト
前回の「とりあえず背景の絵を描く」の続きになります

パラフラを起動したら
ファイル ⇒ プロジェクトのプロパティ で基本設定を
先にしてしまいましょう

部屋作り9


幅と高さの部分はゲーム画面の大きさによって変えますが
私の作っている脱出ゲームでは他の部分はこういう設定になっています

とりあえずの部屋なので今回はこの画像と同じように設定してください


部屋作り10

さてパラフラを開くとこんな風になっていると思います
いちいちファイルからファイルを開かなくても

「素材をここにドロップ」

と書いてある場所に絵や音のファイルをドラッグするだけで使用することができます


前回作った背景1 背景2 移動という三つの画像を
ここにドラッグしておきましょう



部屋作り11


今画像を置いた左側はファイル置き場のようなものです
実際にゲームとして動かすのは右側のグレーのバーの下に指示します



部屋作り12


グレーの下にあるフレーム1のところで右クリックをして
アクションを挿入を選択します




部屋作り13


イベントのプロパティが開いたら、ラベル設定を選び
ラベル名にroom1と名前をつけ適用を押します




部屋作り14


ラベルroom1の下でまた右クリックしてアクションの挿入を選び
今度は画像を消去を選んだら、消去対象のところにALLと入力して
適用ボタンを押します




部屋作り15


次に矢印の場所が選択された状態のまま、左半分にある背景1を
右クリックして イベントに追加 を選択します


画像消去の下に追加されたらダブルクリックしてイベントのプロパティを開き
フレームカウント0 ボタンにする アクションの設定 スクリプト と
赤丸のとおりにして適用を押してください

部屋作り16




今度は部屋移動のためのボタンをroom1の右と左に1つずつ配置します


部屋作り17

背景画像の下を選択した状態で、さきほど背景画像を
イベントに追加したのと同じように追加してください

そしてプロパティを開いたら、赤丸のとおりに変更してください
これで画面の向かって左に黒いボタンを配置しました


部屋作り18


同じようにもう1つ移動ボタンを追加して赤丸のとおりにしてください




部屋作り19


その下にアクションの停止を二つ挿入したら
今までと同じ繰り返しでroom2 room3 room4と作っていきます

room2とroom4は背景2の床が水色の画像にする以外は
全てroom1と同じように作ってください
コピーすると簡単にできますが、最初なので慣れるためにも
1つ1つアクションを追加でやってみましょう


そこまでできましたら
ファイル ⇒ 名前をつけて保存 で部屋とでも名前をつけて
背景画像や移動画像を入れておいたフォルダに保存してください

長くなってしまったので最後の仕上げは次の記事にします



上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。