子供向けプログラミング教材【Scratch（スクラッチ）】で「変数」を使う方法を紹介します。
変数を使えば、ゲームの中で点数を表示させたり、取ったコインの数を表示させたりできます。
シューティングゲームやマリオ風ゲームを作るときに便利な変数。
今回は、このゲームを使って、変数の使い方を詳しく紹介します。
次の4つの変数ブロックについて解説していきます。
- 変数を〇にする（例：最初のHPを5にする）
- 変数を〇ずつ変える（例：攻撃が当たったらHPを減らす）
- 変数を表示する（例：「HP」を特定のタイミングで表示）
- 変数を隠す（例：「HP」を特定のタイミングで消す）
>>スクラッチを楽しく学べる【オンライン校】の無料体験レッスンはこちら
Contents
スクラッチで変数を使う方法｜HPと点数
変数を使ったゲームを作ってみた
まずは、次のような「ロケットと敵がお互い攻撃し合うゲーム」を作りました。
ロケットのプログラム
- 最初の位置：x座標=-170、y座標=0
- 上向き矢印を押す ⇒ 上に移動
- 下向き矢印を押す ⇒ 下に移動
ビームのプログラム（ロケットの攻撃）
- スペースキーを押したとき、ビームのクローンを作る
- クローンをロケットから出すようにする
- クローンのみ表示
- 右方向に発射、右端や敵に触れたらビームを削除
敵のプログラム
- 最初の位置：x座標=180、y座標=0
- 上下に自動で動き続ける
緑の玉のプログラム（敵の攻撃）
- 緑の玉のクローンを作る
- クローンのみ表示
- 緑の玉を、敵からロケットに飛ばす
これで、ロケットと敵がお互い攻撃できるようになりました。
このプログラムに、【変数】を使って、ロケットの「HP」・ビームが当たった「点数」を追加します。
HPを表示
コードの「変数」 ⇒「 変数を作る」 をクリックすると、好きな名前の変数を作ることができます。
今回は「HP」「点数」という2つ変数を作りました。
作った変数にチェックを入れると、右の画面にHP、点数が表示されます。
次の章からは、変数「HP」と「点数」のコードの書き方を解説します。
「攻撃を受ける ⇒ HPが1点ずつへる」を作ろう
ここでは、変数⇒【変数を〇にする】、【変数を〇ずつ変える】を使います。
次のようなプログラムを作っていきます。
- 旗が押されたとき、「HP＝3」が表示される
- 緑の玉がロケットに当たった時、HPが1ずつ減る
- HP=0になったら、ゲーム終了
まず、変数のコードで、HPのブロックを作ります。
- 【変数を〇にする】：変数を▼から「HP」に変える、〇のところに「3」を入力
- 【変数を〇ずつ変える】：変数を▼から「HP」に変える、〇のところに「-1」を入力
ここまでできたら、緑の玉（敵の攻撃）のプログラムに、次のようにブロックを並べます。
これで、ロケットに敵の攻撃が当たったら、HPが減るようになりました！
「敵に当たる ⇒ 点数が増える」を作ろう
ここでは、次のようなプログラムを作っていきます。
- 旗が押されたとき、「点数＝0」が表示される
- ビームが敵に当たった時、点数が1ずつ増える
まず、変数のコードで、点数のブロックを作ります。
- 【変数を〇にする】：変数を▼から「点数」に変える、〇のところに「0」を入力
- 【変数を〇ずつ変える】：変数を▼から「点数」に変える、〇のところに「1」を入力
ここまでできたら、ビーム（ロケットの攻撃）のプログラムに、次のようにブロックを並べます。
これで、敵にビームが当たったら、点数が増えるようになりました！
【変数を表示する】・【変数を隠す】の使い方
次は、変数「HP」「点数」の表示を好きなタイミングで出したり、消したりする方法を解説します。
【変数を表示する】【変数を隠す】というブロックを使います。
今回のゲームでは、次のようにブロックを並べました。
- 【旗が押されたとき】の後に【変数HPを表示する】【変数点数を表示する】
- 【もしHP=0なら】のあとに、【変数HPを隠す】【変数点数を隠す】
この時、「GAMEOVER!」の背景を作成しておきます。
その後、次のようにブロックを並べると、ゲームが終わったタイミングで、「HP」「点数」の表示を消して、「GAMEOVER!」を表示させることができます。
- 「旗が押されたとき」の後に、「背景をSpace city2にする」を並べる
- 「もしHP=0なら」「変数HPをかくす」「変数点数をかくす」の後に、「背景をGAMEOVER!にする」を並べる
これで、変数を表示したり、隠したりできるようになりました！
変数の3つの表示方法【スクラッチ】
最後に変数の表示方法についても解説します。
表示されている変数を右クリックすると、次の3つが選択できます。
- 普通の表示
- 大きな表示
- スライダー
「普通の表示」はこれまでの表示なので、「大きな表示」・「スライダー表示」の使い方を紹介します。
大きな表示
変数を右クリックして、「大きな表示」を選ぶと、数字だけ大きく表示されるようになります。
この時、変数名（例：点数）は表示されません。
スライダー
右クリックで「スライダー」を選ぶと、点数の下にスライダーが出るようになります。
このバーを動かすことで、数字を設定できます。
これを使えば、【変数を〇にする】のブロックを使わなくても、任意の数字でプログラムを始めることができます。
例：スライダーで点数を10に設定、10からゲームがスタートする
変数の上限
スクラッチでは、使える変数の個数と格納容量に制限はありません。
ただ、クラウド変数を使うときは10個までしか作ることはできません（クラウド変数については、また別記事で紹介します）。
変数を使ったプログラミング作品例
- シューティングゲーム：ライフを減らす
- クイズゲーム：点数を表示する
- 落下ゲーム：キャッチした数をカウントする
など、変数は色々なゲームで使えます。
変数はそれほど難しくないので、まずは何か作品をつくりながら、使い方を覚えていきましょう。
変数を使ったシューティングゲーム・マリオ風ゲームについては、こちらの記事で作り方を詳しく解説しています。
コチラも参考にしてみてください。
キッズプログラミング教室アルスクールでは、オンライン校で小学生向けのレッスンをしています。
アルスクールのオンラインレッスンは、少人数制で対話式。
一人ひとりの個性に合わせたレッスンで、楽しく学んでいます。
レッスンでは、スクラッチを使ったオリジナル教材アルスタジオを使用。
シューティングゲーム・タイピングゲームなどの、作例もたくさん載っています。
レッスン中だけでなく、アルスタジオはご家庭でいつでも使うことができます。
無料体験レッスンは随時開催しています、この機会に一度体験してみてください。
