仕様を決めよう
今回も、車が大好きなムスコ（４歳）の強〜い希望で、車のゲームをつくります。
今回は、３つのステージに分かれたゲームにします。
まず第１ステージで、車の色を決めます。
第２ステージでは、第１ステージで選んだ車を運転するゲームをします。
そして第２ステージのゲームをクリアしたときのみ、第３ステージへ進める、という仕様にします。
よかったら実際に遊んでみたり、コードを確認してみてください。
第１ステージをつくろう
背景画像を設定する
第１ステージでは、車の色を決めるため、このような画像をステージの背景画像に設定します。
車のスプライトを作る
車のスプライトを作ります。
６色の車の画像を、それぞれコスチュームとして登録します。
コスチューム名は、それぞれ 1、2、3、4、5、6 と半角数字で名前をつけておきます。
スクリプトを書く
コスチューム１からコスチューム６までの画像を、下記のように並べたいと思います。
それぞれの画像の座標は、以下のようにします。
スプライトの実体は隠して、クローンを表示するようにします。
x座標-155、y座標-8の位置にコスチューム１のクローンを表示し、x座標を157移動してコスチューム２のクローンを表示し、さらにx座標を157移動してコスチューム３のクローンを表示します。
そこまでいったら、今度は x座標-155、y座標-115の位置にコスチューム４のクローンを表示し、x座標を157移動してコスチューム５のクローンを表示し、さらにx座標を157移動してコスチューム６のクローンを表示します。
これで、車の画像が６つ、クローンで表示されました。
マウスポインタに反応させる
マウスでどの画像を選んでいるか分かりやすいように、マウスポインタが画像に触れたら、画像を斜めに傾けるようにします。
先ほど書いたスクリプトの「クローンされたとき」「表示する」の下に、「ずっと」「もしマウスのポインターに触れたなら」「75度に向ける」「でなければ」「90度に向ける」を追加します。
マウスポインタが触れている画像だけが、斜めに傾くようになりました。
どの画像を選んだか記憶する
マウスでどの画像をクリックしたかを記憶して、次のステージ２に反映させるため、変数を作って、そこに選ばれたコスチューム番号を格納するようにします。
変数を作る
「車のコスチューム番号」という変数をつくります。
「車のコスチューム番号」変数は０にして初期化しておきます。
「もしマウスが押されたなら」「車のコスチューム番号を [コスチューム＃] にする」を追加して、「車のコスチューム番号」変数に、マウスが押されたクローンのコスチューム番号を格納します。
また、車が選択されたら、もう画像を斜めにする動きはさせたくないので、今まで「ずっと」で囲んでいた部分を「 [車のコスチューム番号＞０] まで繰り返す」に変更します。
ステージ２へ移動する準備をする
車が選ばれたときに、「ＯＫ！」と１秒言ってから、ステージ２へ行くようにします。
「ＯＫ！」と言っている１秒間待ってから、「ステージ２へ」というメッセージを送って、ステージ１を終了するためにクローンをすべて削除します。
さて次回は、この「ステージ２へ」を受け取ってからのスクリプトを作っていきます。
コメント