（詳細解説）スクラッチでもぐらたたきゲームの作り方（初級）

今回つくるゲーム

難易度

今回つくるゲームは、もぐらたたきゲームです。
ここではもぐらのかわりに、このサイトのキャラクター”ビンゴおじさん”を叩くゲームを作ります。
緑の旗をクリックすると、ゲームがはじまります。出てきたおじさんを叩く（クリックする）と５ポイント入ります。

とても簡単なゲームですがこれからスクラッチをはじめるひとは、まずこちらからチャレンジしてみてください。

ゲームをつくる準備

まず、こちらのサイトにアクセスしてください。
始めやすいように素材を準備しています。

このようなページになると思います
（サインインしていない人は、右上のボタンよりサインインしてください。）

右上の緑色のリミックスボタンを押してください。

すでに”おじさん１”というスプライトが準備されています。
ためしに、コスチュームのタブをクリックしてください。
ゲームを作るのに必要な素材が一式そろっているのがわかります。

素材の使い方は後から説明するのでまずはコスチューム５を選択して、コードのタブに戻ってください。これからゲームを作っていきます

おじさんをいっぱい作る

まずはウォーミングアップです。
モグラたたきゲームといえば、いろいろな場所からもぐらが出てくるのが特徴です。
以下のように”旗が押されたとき”、”どこかの場所へ行く”という指示を作ってください。

緑色の旗を押してみてください。いろいろな場所にビンゴおじさんが現れるのがわかります。
しかし、この状態では１人のビンゴおじさんをいろいろな場所に表示しているだけなので、ゲームを作るためにはビンゴおじさんを何人も作る必要があります。

そこで使うのがクローンのブロックです。
まずは作ったブロックを一度捨てます。捨てるときはブロックをドラッグして左のエリアにもっていくと捨てられます

それではクローンを作っていきます。
さきほどと同じ要領でブロックを組んでいきます。
“旗が押されたとき”、”自分自身のクローンをつくる”
”クローンされたとき”、”どこかの場所へ行く”
というように指示を作ってください。

緑色の旗を押してみてください。自分と自分のクローンの二人表示されます。

このクローンを、ゲームで登場させるおじさんの数だけつくります。
まずは１０人作りましょう。そこで使うのが繰り返しのブロックです。
下のように”自分自身のクローンを作る”を”１０回繰り返す”ではさみます

緑の旗を押すと、自分の他に１０人のクローンが表示されるのがわかります。
数字の１０の部分の数字をいろいろ変えてみてください。おじさんの数が変わるのがわかります。

次からは１０人のおじさんが順番に出てくる動きを作っていきます。

順番に出てくる動きを作る

もぐらたたきゲームといえば、次々ともぐらが出てきてますのでまずその動きを作りましょう。
いまは１０人のおじさんが同時に出てきてしまっていますので、２秒おきに出てくるようにします。
”１秒待つ”のブロックを”自分自身のクローンを作る”の下に持ってくる。
旗を押すと２秒ごとにおじさんが出現するのがわかります。

このままではおじさんが出っぱなしなので、出てきて１秒でひっこめるようにします。
”どこかの場所へ行く”の下に”１秒待つ”、”隠す”という指示を追加します。
旗を押すと順番に出てきては消えていく動きになったのがわかります。

ここでお気づきのとおり、１人ずっといるおじさんがいます。これは自分自身です。この自分自身はゲームでは邪魔なので隠してしまいましょう。
”旗が押されたとき”の下に”隠す”の指示を追加してください。
このままではクローンも隠れたままになるので
”クローンされたとき”の下に”表示する”の指示も追加します。
旗を押してみてください。だんだんともぐらたたきゲームっぽくなってきました。

おじさんが出てくる動きはこれでもいいのですが、もう少しひょっこり出すようにしたいですね。
つぎはこのひょっこり出てくる動きをコスチュームを使うことで表現していきます。

ひょっこりした動きを作る

ひょっこりした動きをつくるためにコスチュームを使います。
コスチュームのタブを押してください。コスチューム１〜５とばくはつがあるのがわかります

コスチューム１〜５は順番にクリックして見るとおじさんがひょっこり出てきているように見えます。

この動きをコードで再現しましょう。
コードのタブにもどって、クローンの指示に”コスチュームをばくはつにする”を５回追加します。
▼ボタンを押すとコスチュームを変更できるので、コスチューム１〜５を順番に表示するように変更しましょう。

次にそれぞれのコスチュームの間に”１秒待つ”を入れていきます。
旗を押すとコスチュームが変わりながら出てくるのが分かります

しかし、まだ「ひょっこり」という感じではないので、コスチュームが変化するスピードを変えます。
”１秒待つ”のところを“0.1秒待つ”に変えてみてください。最後だけは”１秒待つ”のままにしておきましょう。

旗を押してみてください、だいぶもぐらたたきゲームっぽくなってきたと思います。
次は背景に畑を描いて、もっとゲームっぽくしていきましょう。

背景を作る

背景を作るには、右下の”背景を選ぶ”にカーソルをあわせ、下から三つ目の”描く”をクリックします。

そうすると、自分で背景が描けるようになります。下の図の赤枠の部分が実際にゲームの背景に使われる場所になります。

次に塗りつぶしの色を設定していきます。畑なので茶色にしましょう。
塗りつぶしの横の▼ボタンをを押すとパレットが表示されます。
色10、鮮やかさ70、明るさ70
に設定してみましょう

つぎに四角のツールを使って地面を描きます。左上からはじめて、ぐーっとひっぱると地面が描けます。
さきほどの赤枠の範囲内が塗りつぶされていれば大丈夫です。

このままでは畑っぽくないので、すこし地面にデコボコをつけていきます。
筆マークを選んで、塗りつぶしの色を
色10、鮮やかさ70、明るさ50
に設定してください

マウスをドラッグしながら適当に地面に線を描いていきます。畑っぽくなってきたと思います。
同様に、色を
色30、鮮やかさ70、明るさ50
に変えて、草を描いていくと、さらに畑っぽさが出ます。

では、緑の旗を押してみましょう、おじさんが畑からひょっこり出てくる感じが出ましたね。

次に、おじさんをたたく動きをつくっていきます。

おじさんを叩いたときの動きを作る

まずおじさんのスプライトに戻ります。おじさん１のスプライトをクリックし、コードを選択してください。元の画面に戻ります。

おじさんをたたいたときに、おじさんを爆発させます。
おじさんをたたいたとき、というのは”スプライトが押されたとき”というブロックを使います
そしてスプライトが押されたときにおじさんの動きを止めます。
そのために”スプライトの他のスクリプトを止める”というブロックをつなげていきます

そして、おじさんのコスチュームを”ばくはつ”に変えます。コスチュームを変えることで、あたかも押されたときに爆発しているように見えます。そのままだと爆発したままになってしまうので、0.2秒待って隠します。つまり、
”コスチュームをばくはつにする”、”0.2秒待つ”、”隠す”
の順番でコードを組んでいきます。
クリックして爆発したら成功です。

あとはスコアをつくって一旦完成です

スコアを作成する

ゲームなので、スコアが出るようにしましょう。
スコアを表示するために変数を使います。
”変数を作る”ボタンを押すと、新しい変数をつくるポップアップが出てくるので、そこに「スコア」と文字を入力しましょう。

OKを押すと下のようになり、スコアの変数が追加され、画面左上にスコアの表示が追加されているのがわかります。

次に、おじさんを１回たたく度にスコアが増えていくようにします。今回は１回たたくと５ポイント入ることにします。”コスチュームをばくはつにする”の下に”スコアを５ずつ変える”のブロックを追加します。（デフォルトが１なのでそれを５に変更してください）

旗を押してゲームを開始してください。おじさんをたたいたら爆発して５点づつスコアがあがっていくと成功です。
しかし、今のままでは１回ゲームが終わってもう一度、旗を押してゲームを再開すると、前のスコアから始まってしまいます。毎回０ポイントから始めるために、
”旗が押されたとき”の下に”スコアを０にする”のブロックを追加します。