スクラッチでもぐらたたきゲームを作ろう

こんにちは、ECF Techブログ
担当のMichiです。

今回はスクラッチを使って、もぐらたたきゲームを作りたいと思います。クローンを使わずに、なるべくシンプルながら楽しめることを意識しました。よろしくお願いします。

対象読者

Scratchは使えるけどゲームプログラムをどう形にしていいかわからない方
Scratchを使ってのプログラミング教育を考えている方

作成するゲームについて

完成イメージ
まずは動画でごらんください。

ゲームのルール

制限時間は30秒とする
もぐらをクリック（たたく）すると10点
10秒ごとに出てくるもぐらが追加される
あとから出てくるもぐらは土にもぐるのが早い

ゲーム作成の準備

使用する画像

下の画像を使います。こちらは自由にご利用ください。4枚の画像をそれぞれスプライトのコスチュームとして使います。
※ダウンロードする時は、一度画像をクリックした後に右クリックでダウンロードします。

下はゲーム終了の時に表示される文字画像です。

こちらの画像はフリーのフォントを活用し作成したものです。下記サイトで提供されている「こども丸ゴシック」を使わせていただきました。

フォント無料ダウンロード｜Typing Art

日本語フォント、欧文フォントを無料でダウンロードできます。

背景画像はスクラッチにもともとある「Savanna」というテーマです。

スプライトの作成

もぐらの作成

ではここからさっそくスプライトの作成に入っていきます。まずは主人公のもぐらです。もぐらは下のように先ほどの４つの画像をそれぞれコスチュームとして設定しています。

また、コスチュームに画像を当てはめるためには、下のように「コスチュームをアップロード」を利用します。

準備ができたらプログラムに入っていきましょう。まずは１つ変数を用意しておきます。

この変数はもぐらのいまの状態を持っておく変数です。

0	ふつうの状態
1	叩かれた状態

の意味で利用します。

では次に「はたがクリックされたとき」のプログラムです。

プログラムのポイント

スタートした時点ではもぐらは地面にもぐっている状態なので「隠す」
ずっとのループでは次のことを繰り返しています。
- もぐらがの位置をランダムに決定
- コスチュームを01～03に切り替えることで、顔を出すアニメーション
- 顔を出したら３秒そのまま

もぐらの位置をランダムに決定と書いていますが、範囲は下のように砂地のところに限定しています。

つぎはもぐらをクリックしたときのプログラムです。

プログラムのポイント
もぐらがたたかれたときの動作は「もしいま = 0 なら」のブロックにまとめられています。その中で「いま」の値を1にすることにより、同じもぐらを何度もたたけないようにしています。

そのほか、

痛がるもぐらの画像にかえる
得点を10増やす
痛がっている画像は１秒間表示

などを行なっています。

動きの違うもぐらを作っていく

ここまできたらもぐらのスプライトを右クリックし「複製」ででコピーします。

全部で３匹のもぐらを用意しています。名前はそれぞれ「mogura1」「mogura2」「mogura3」

この時点では３匹のもぐらのプログラムはすべて同じとなっています。ここからそれぞれのもぐらの動きを少しずつ変更します。

まずは「mogura2」からです。mogura1のプログラムと違う部分だけを赤い囲みで示しています。

プログラムのポイント
このスプライトのみが使える変数「でばん」を用意し、その値が1になるまで動くのを待たせるプログラムを追加しました。この値を使って、ゲームスタートから10秒後にもぐらが動き始めるように作っていきます。その部分はのちほどステージのプログラムとのやりとりで実現します。