５秒でクリアせよ！メイドインスクラッチ

• ゲームの作り方
• 設計図[せっけいず]をもとにプログラムしていこう
• ゲーム部分をつくっていこう
• ゲームクリアできるようにしよう
• さいごに

このゲームのサンプルはこちら

ゲームの作り方

ゲームの流れをイメージしてみよう

ゲームを作ったことのない人は、まずどこから手を付[つ]けていいのかわからない…
という人も多いと思います。

でもメイドインスクラッチはなにしろ５秒ですから
なにかひとつアクションがあればもうゲームになってしまいます。

今回は「ネコにリンゴを食べさせる」ゲームをサンプルに作ってみましょう。



まずはゲームの完成[かんせい]系[けい]をイメージします。
だいたいのイメージなのでテキトーでいいです。



こんなふうに、リンゴがでてきて、
ネコにドラッグしたらOK！みたいにできたらいいですよね。

イメージを文章にしてみよう

ゲーム作りになれてきたら、書かなくても自然[しぜん]に作れるのですが
最初[さいしょ]は書いたほうがわかりやすいですね。

さっきのイメージを文章にします。
まずはシーンをわけましょう。

１：タイトル画面
２：せつめい画面
２：ゲーム画面
３：クリア（しっぱい）画面

シーンはこの４つですね。

ここに、どうやったらシーンが進んでいくかを考えます。



１：タイトル画面（クリックしたら次へ）
２：せつめい画面（１秒すぎたら次へ）
２：ゲーム画面（５秒すぎたら次へ）
３：クリア（しっぱい）画面

こんな感じですね！

パーツを用意しよう

ゲームのイメージが固[かた]まったら、キャラを準備[じゅんび]しましょう。



ネコ・リンゴ・説明[せつめい]用のスプライトの３つがあればいいですね。
説明[せつめい]用のスプライトのなかに
さっき考えた、シーンに使うテロップを用意します。

１：タイトル画面
２：せつめい画面
３：しっぱいの画面
４：せいこうの画面

この４つですね。Scratchのお絵描[えか]きツールを使って描[えが]きましょう。
せつめい画面は１秒しか出さないので、シンプルに！

もうこれで、８割[わり]完成[かんせい]です。
あとはプログラムするだけです。やっていきましょう！

設計図[せっけいず]をもとにプログラムしていこう

ゲームの流れ通りに作ってみよう

どこから作りはじめてもいいですが、さっき考えたゲームの流れにそって
プログラムしてみましょう。

はじめはタイトル画面なので、テロップ用のスプライトにプログラムします。

こんな感じです。
ネコとかリンゴとかが見えないように「前に出す」で
タイトル画面を一番前に持ってきましょう。

これでタイトル画面は完成[かんせい]です。

クリックしたら次に進むようにしよう

つぎに「せつめい画面」を出しましょう。
タイトル画面をクリックすると出てくるんでしたよね。



この「クリックされるまで待つ」のブロックは
定義[ていぎ]ブロックでつくってあります。

作ってみましょう。

「その他[ほか]」から「ブロックを作る」を押[お]すだけです。

ブロックの名前を付[つ]けると、上のように
「定義[ていぎ]」というおおきなブロックが現[あらわ]れますので
「マウスが押[お]されたではないまでまつ→マウスが押[お]されたまで待つ」を
組み合わせてみましょう。


この定義[ていぎ]ブロックを使うと、
さっき組み合わせたプログラムが実行されます。


どっちを使っても同じプログラムになるので
好[す]きな方を使ってみてください。

なんで「マウスが押[お]されたではないまで待つ」を入れるのか？というと
「はたをクリックされたときにマウスが押[お]されているから」です

このブロックを入れていないと、タイトル画面から
いきなりせつめい画面になってしまうので、このプログラムが入っています。

じつはこのプログラムはいろんなところで使うので
こんなふうに定義[ていぎ]ブロックにしていつでも使えるようにしてあるのです。

５秒でゲームが終わるようにしよう

きのこたけのこでも使いましたが
○秒でゲームが終わるようにするときに使うのが


カンタンタイマーメソッド！
でしたよね。

今回もこれを使います。今回は５秒なので
「タイマー＞5までまつ」にしましょう。



ほかのスプライトに、ゲームの始まりと終わりをお知らせしたいので
メッセージを使って「ゲームスタート」と「ゲームおわり」を送ります。

ゲーム部分をつくっていこう

ゲーム部分を詳[くわ]しく考えよう

タイトル・説明[せつめい]ができたので、ゲーム部分を作っていきましょう。
ネコにリンゴを食べさせるにはどうすればいいでしょうか。

１：リンゴを５個[こ]用意する（画面の右側[みぎがわ]に）
２：リンゴをドラッグできるようにする
３：リンゴを食べたら消えるようにする
４：リンゴを５つ食べたかどうかを調べる

こんな感じで、リンゴの仕事を細かく考えます。

クローンでリンゴを用意しよう

ではリンゴを５個[こ]用意してみましょう。


１個[こ]のリンゴを５個[こ]にするには「クローン」を使います。

はたがクリックされたときは隠[かく]しておき
ゲームが始まったらクローンを作ります。

このとき、画面の右がわにだけ出てきてほしいので
「ランダム」でｘ座標[ざひょう]（横方向の場所）を1から240にします。
（ｘプラスが右がわ、マイナスが左がわ）

ｙ座標[ざひょう]（タテ方向の場所）も、あまり画面のすみっこだと
ドラッグしにくいので-100から100くらいにしておきます。



このままだと、表示[ひょうじ]されないので
クローンされたら表示[ひょうじ]するようにしましょう。

これで１：リンゴを５個[こ]用意する（画面の右側[みぎがわ]に）はクリアですね。

ドラッグできるようにしよう

つぎにリンゴをドラッグできるようにしましょう。


スプライトリストのなかからリンゴをえらび
「ｉ」のボタンをクリックしてみましょう。


すると、リンゴのスプライトの情報[じょうほう]があらわれます。
「プレイヤーでドラッグできるか」の項目[こうもく]がありますね。
ここにチェックをいれましょう。

▲ボタンを押[お]すと元の画面にもどります。

これで２：リンゴをドラッグできるようにするもクリアですね。

リンゴを食べたら消えるようにしよう

ネコにリンゴがさわったら消えるようにしてみましょう。



クローンされたとき、表示[ひょうじ]する
の下にこんなふうにプログラムしてみましょう。

条件[じょうけん]を追加[ついか]するので「もし」ブロックでもいいですが
今回は「ネコに触[ふ]れたまで待つ」を使ってみましょう。

ネコに触[さわ]ったあとは、クローンを削除[さくじょ]します。

これで、それぞれのリンゴクローンは
みんなネコに触[さわ]るのを待っている状態[じょうたい]になりました。

はたをクリックして、リンゴをネコにドラッグしたら
消えるようになったかどうか、確認[かくにん]してみましょう。

３：リンゴを食べたら消えるようにするが完成[かんせい]しました。

リンゴを何個[なんこ]食べたかわかるようにしよう

リンゴ５個[こ]食べたらクリア！なので
リンゴを何個[なんこ]食べたかわかるようにしましょう。

まず、リンゴを食べた数を保存[ほぞん]しておく「変数[へんすう]」を作ります。



「データ」カテゴリの
「変数[へんすう]を作る」ボタンを押[お]すと、変数[へんすう]を作ることができます。

「ゲームスタート」のときはリンゴを食べていないので
変数[へんすう]の中身を「0」にしておきます。

ネコに触[さわ]ったら、リンゴを食べたということなので
変数[へんすう]をプラス１します。

これでリンゴを何個[なんこ]食べたかわかるようになりました。

ゲームクリアできるようにしよう

クリアか失敗[しっぱい]かはんていできるようにしよう

５秒たってゲームが終わったら、失敗[しっぱい]か成功[せいこう]かを判定[はんてい]して
テロップが出るようにしましょう。


テロップのスプライトに
ゲームが終わったときのプログラムをします。

変数[へんすう]の中身が４以上[いじょう]だったら（５なら）
リンゴ５個[こ]食べられたのでクリア！

そうじゃないときはリンゴを５個[こ]食べられていないので
「しっぱい」のコスチュームにします。

どちらかのコスチュームにしたら
「前に出す」と「表示[ひょうじ]する」で画面全体にテロップが現[あらわ]れるようにしましょう。

これで、ゲームは完成[かんせい]です！
ためしに遊んでみて、ギリギリ５秒でクリアできるくらいの難[むずか]しさに
なるように調整してみるといいですね。

アレンジしてみよう！

ゲームがちゃんと動くようになったら
コスチュームをかえたりして、よりゲームっぽくなるように工夫[くふう]しましょう。



かわいいキャラクターや、音を追加[ついか]すると
よりゲームっぽくなるので試[ため]してみて下さい。

キャラや音を追加[ついか]したゲームはこちら


こちらはちゃんと主人公にもコスチュームを追加[ついか]して
リンゴを食べるとパクっとなるようにしてみました。

曲は「DOVA-SYNDROME」というフリーBGMサイトのものを使用
イラストは「freepik.com」のものを使用しました。

さいごに

どうでしたか？
今回はプチゲームということでかなりお手軽に作れる題材[だいざい]にしてみました。
親子プログラミングでも楽しめると思いますので
ぜひお家[うち]で挑戦[ちょうせん]してみてください。

ゲーム作りたいけど何していいかわかんない
みたいな人はけっこういるんですが
こんなふうにプチゲームからどんどんアレンジしていくというのも
ひとつの方法[ほうほう]だと思います。

プチゲームをたくさん作っていくと
ゲーム作りのコツがだんだんつかめてくるので
考えるよりまずコード！いろんなプログラムを組んでいきましょう


みんなが作ったプチゲームをつなげて、ひとつのゲームにする・・・
みたいなことをやってみたいなーと思っているので
もし自分のアイデアで作ってみたよ！っていうのがあったら
ぜひ教えてくださいね！