スクラッチで横スクロールゲームの作り方（その２） | ビンゴおじさんのスクラッチ(scratch)教室

今回つくるもの

難易度

前回の続きです。
横スクロールゲームの作り方（その１）
を作っていない方はまずそちらからはじめてください。

もしくは、こちらをリミックスして始めます

前回はスクロールでおじさんが歩くところまで作りましたが、最終的な目標はフラッピーバードのようなゲームですので、ここではおじさんがジャンプしながら障害物（きのこの山）を越えていく部分を作っていきます。

きのこのコースをつくる

まずは障害物のきのこの山をつくっていきます。
新しいスプライトを作りましょう。
このような感じでいろいろな大きさのきのこを作りました。

コードを書いていきます。
背景と同じ速さで左側に流れていくことで背景と一体になってスクロールするように見えます。

下図のようにコードを組みましょう。
旗が押された時に”自分自身のクローン”を３秒ごとにつくります
そしてクローンされた時に画面の右端（つまりX=240）に出現させます。
さらに、スクロール速度の2倍の速さで移動させます。

そうすることで、きのこが背景と一緒にスクロールするように見えます。

緑の旗を押してみてください。下図のように順番に背景と一緒にきのこが出てこれば成功です。

左端にきたときに、そのままきのこが残ってしまっているので、きのこが左端に到達したら（つまりX＜-240）そのきのこを隠すという指示を追加します。

つぎに、いろんなサイズのきのこがランダムに出てくるようにしましょう。クローンをつくったときに、コスチュームの番号を１〜４の乱数に設定するだけです。

このようにランダムな大きさできのこが流れてくれば成功です。

次に逆向きのきのこも作って、おじさんが通るコースを作っていきます。
”下きのこ”のスプライトを右クリックして複製を作り、”上きのこ”と名付けましょう。

上きのこのコスチュームを作っていきましょう。下図のように下きのこのコスチュームを上下反転させます。

緑の旗を押して、みてください。上下にきのこが現れれば成功です。しかし、同時に出てきてしまっているので、下きのこと上きのこが順番に出てきてコースになるようにしましょう。

下図のようにそれぞれの出現感覚を１０秒にして、上きのこの出現を５秒遅らせます。
最後にステージのスクロール速度を-0.5に修正しましょう。
（ここの設定は難易度に影響しますので、お好みで設定してください）

このように互い違いに下からと上からきのこが現れ、コースが完成します。

ビンゴおじさんを飛ばそう

では、ここから、画面をタップするとビンゴおじさんが飛ぶようなコードを組んでいきます。
ビンゴおじさんのスプライトに移動してコードを組みます。

マウスを押したら、上方向に飛ぶ（＝Y軸プラス方向に動く）
そうでないときには、下方向に落ちる（＝Y軸マイナス方向に動く）

というコードを組みます。
またループの間隔を0.05に設定しましょう。

次に、ビンゴおじさんの大きさを少し小さくして、
ゲーム開始時に上から飛んでくるように設定します。

これで、おじさんの動きも完成です。このような動きになれば成功です。

ゲームオーバーを設定

ここから、きのこに当たったらゲームオーバーにするプログラムを追加していきます。
まずは、ビンゴおじさんのスクリプトで、きのこに当たったときに”きのこにあたった”というメッセージを発して、おじさんの動きを止めます。

このままだと、背景は動きっぱなしなので、背景の動きを止めます。
”ステージ”、”下きのこ”、”上きのこ”すべてに、以下のコードを追加していきます。
同じコードを使うときは、バックパックを活用しましょう。

次に、きのこに当たった時に、ゲームオーバーの感じを出すようにしましょう。
もともとよういしていた、目がバツになっているスプライトを活用します。

おじさんがきのこに当たった時に同じ場所に”やられた”のスプライトを表示するように設定します。
まずきのこにあたったときの座標を取得します。x座標は-150で固定されているので、取得するのはY座標だけで大丈夫です。ビンゴおじさんのスプライトに以下のコードを追加します。
きのこに当たった時に、スプライトを隠すのと、スタートした時に”最前面に移動させる”のも忘れないようにしましょう。