ScratchJrで空からトカゲが降ってくるゲームを作ろう｜演習

プログラミングの進め方

ScratchJrをかなりマスターして人向けに、少し複雑なゲームを作ってみたいと思います。

空からトカゲが降ってくるゲームを教える人・作る人の条件

このページの対象読者は、ScratchJrを子供に教えようとしているお父さん、お母さんです。
教えるために必要な条件は以下となります。

上の条件を満たした人は、このページを見ながら自分でもこのゲームを作ってみましょう。

このプログラミングを作るお子さんの条件は以下となります。

この条件に当てはまらない人は、教える人も教えられる人も、
アクティビティから始めてみましょう。

アクティビティに関しては、スクラッチジュニアのホームページを参照してください。

空からトカゲが降ってくるゲームの教え方の手順

空からトカゲが降ってくるゲームの演習は、次のように進めてください。

空からトカゲが降ってくるゲームの要件を伝える

最初にやることは、これから作るプログラムの要件を伝えることです。
要件とは、どんなプログラムを作るかです。

もっと具体的に言うと、空からトカゲが降ってくるゲームは
どういうゲームかを伝えます。

次のことを伝えましょう。

これを説明してもイメージが湧かないようでしたら、この段階で動画を見せてしまってください。

成功パターンの動画下の動画です。

失敗パターンの動画は下の動画です。

好きに作らせる

子供にイメージが湧いたならば、飽きるまで好きに作らせましょう。
その間、以下のことに気を付けてください。

完成したら動画を見せる

完成したら、上の動画を見せてください。

これを見て、子供は何かを感じるはずです。
さらに自分なりに作るようであれば、好きに作らせましょう。

頃合いを見て、うまく動いてないところがあれば、教えてあげましょう。

そして、最後に褒めてください。

空からトカゲが降ってくるゲームの作り方

それでは、実際にこのプログラムの作り方を説明します。

背景を選ぶ

最初に背景を選びます。
画面上部の背景の変更アイコンから、背景を選択します。

「こうがい」という背景を選びましょう。

この「こうがい」という背景は、車を走らせる上で、前にある木が邪魔になります。
この木を消したいので、タップして「こうがい」を選んだら、
編集マークをタップして、編集しましょう。

木を削除するために、切り取りツールをタップした後
削除する木をタップしましょう。

木が消えた後は、チェックマークをタップして決定してください。

キャラクターを選ぶ

最初に必要のないねこを消してください。

次にキャラクターエリアの＋マークをタップして、キャラクターを選びます。
選ぶキャラクターは、まるいす、てーぶる、とかげです。

ここで、てーぶるとまるいすは、このままだと大きさも大きすぎますし、
てーぶるの向きも地面と平行になって、落ちてくる雰囲気が出ません。

まず、てーぶるの大きさを小さくしましょう。
ちいさくするブロックを使ってください。

大きさは下の図と同じぐらいにしましょう。

丁度良い大きさになったら、編集して傾きをつけましょう。

キャラクターエリアの編集マークをタップして、
ペイントエディタを起動します。

回転ツールをタップしてから、指でてーぶるを傾けてみましょう。

チェックマークをタップして、決定しましょう。

まるいすも同じように大きさを小さくして、傾きも変えましょう。

同じように、とかげも追加します。
とかげは少し大きいので、小さくしましょう。
最終的に、以下の図のような感じにします。

最後にくるまというキャラクターを追加します。

くるまも少し大きいので小さくしましょう。

プログラム開始時点の位置にキャラクターを配置する

各キャラクターをプログラム開始時点の位置に配置しましょう。
各キャラクターの位置は分かりにくいので、グリッド表示にします。

車を以下の位置に移動します。
縦：５
横：１

テーブル
縦：１５
横：５

とかげ
縦：１５
横：１２

まるいす
縦：１５
横：１７

以下の図のように配置されると思います。

クリアとゲームオーバーのページを作る

ページを２つ追加して、クリア用のページとゲームオーバー用のページとしましょう。

背景は適当に選びましょう。
私は、とりあえずピンク色にしてみます。

この背景に「クリア」という文字を入れます。
文字の追加アイコンをタップします。

下の図のようにします。

ゲームオーバーも同じように作ってください。
ゲームオーバーは黒い背景にしてみました。

以下のようなイメージとなります。

各キャラクターのスクリプトを書く

各キャラクターのスクリプトを書きましょう。

くるまのスクリプト

くるまは次の動きをします。

くるまの要件を満たすようにスクリプトを書くと、下の図のようになります。

てーぶるのスクリプト

てーぶるの要件は以下です。

これを子供が理解するのは、ちょっと難しいかもしれないです。
理解できない場合は、そのまま真似させてしまってください。

感覚的には、小学校3年生ぐらいでないと完全な理解は難しいかもしれないです。
では、やっていきましょう。

まず、てーぶるはどこから落ちてくるか分からないようにしたいです。
ゲームをやっている人からすると、どこからともなく突然テーブルが現れて、
いきなり落ちてくるようにしたいです。

だから、最初からテーブルは姿を消しておくことにしましょう。
みためブロックの中のけすブロックを使います。

キャラクターを消す場合は、見えなくなってしまうので

一時的に、みためブロックをプログラミングスクリプトエリアにドラッグして、
タップして、てーぶるを見えなくしましょう。

ここからテーブルが落ちてくるスクリプトを作ります。
次のようにすると、いきなりてーぶるが落ちてくるように見えます。

これをスクリプトにすると次のようになります。

実際の動きは以下の動画のようになります。
分かりやすいようにキャラクターはテーブルだけにします。

次に、タップしたら下まで落ちないようにします。

スクリプトは次のようになります。

この中で難しいのは、初めの場所に戻るブロックでしょう。
これでプログラム開始時点の場所に戻るのは分かると思います。

ブロックが消える処理がないのではないか？と思いませんか？

これはなくて大丈夫なんですね。
初めの場所に戻るブロックはブロックを最初に場所に戻すだけではなく、
ブロックの状態も最初に状態にします。

つまり、最初の時点で消えていたブロックは、初めの場所に戻るブロックを通ると
消えるのです。

これでてーぶるのスクリプトは完成です。
最大の難関は乗り切りました。

とかげとまるいすのスクリプト

とかげとまるいすのスクリプトは、てーぶると基本的には同じです。
違いは、以下です。

これら違いを出すためには、とかげとまるいすには以下の作業をします。

姿を消すようにするのは、けすブロックですね。
下の図のようにして、とかげとまるいすを消しましょう。

次のてーぶるのスクリプトをコピーします。
コピーはてーぶるのスクリプトをキャラクターにドラッグします。

下の図はまるいすにコピーする方法ですが、とかげも同じようにやってください。

次にメッセージを送るブロックとメッセージが来たらスタートブロックの色を変えましょう。

以下のようにします。
とかげ　：赤
まるいす：青

以下はとかげの例です。

このままだとみんな同じタイミングえ落ちてきてしまうので、落ちるタイミングを変えましょう。
キャラクターの右へ動くブロックの距離を変えます。
現時点では、みんな8マスになっているはずです。

以下のように変えましょう。
とかげ　：12マス
まるいす：18マス

これで完成です。
うまくできましたか？