Scratchで表示・非表示を変数で切り替える方法｜持ち物の表示とメニュー開閉【Grow a Garden②】

Grow a Garden をScratchで作る全5回シリーズです。この記事は第2回です。

第1回　3つの画面を切り替える
https://kidsprogram.co.jp/scratch30/growagarden1

第2回　持ち物・売るメニューの表示　← いまこのページ
第3回　タネを選ぶ ＋ 買う（準備中）
第4回　植える ＋ 育つ（準備中）
第5回　収穫 ＋ 売る（準備中）

・持っているタネや作物の数が 0 のときはスロットが消え、1以上になると出てくる
・タネのスロットを押すと、どちらのタネを選んでいるかが決まる
・売り場の「E」ボタンを押すと、メニューが開いて「売る」「やめる」に切り替わる
・ゲーム全体で使う15個の変数を、ステージで初期化する

この回では、まだタネを買うことはできません。
動きを確かめるときは、ステージに表示されている変数の数字を、自分で書きかえてみてください。
買えるようになるのは第3回です。そのとき、この回で作った画面が一気に動き出します。

▼ この回で使うテンプレート
https://scratch.mit.edu/projects/1386493532/

▼ 第2回の完成版
https://scratch.mit.edu/projects/1386489987/

★全5回を作りきった「フル機能版」はこちら↓
https://scratch.mit.edu/projects/1310372588/

1. 旗をクリックしたら、変数「現在の画面」の値を「Title」にします。ゲームはタイトル画面から始まります。
2. 「初期所持金」を10にし、「¢」に「初期所持金」を入れます。¢ が、プレイ中に増えたり減ったりする実際の所持金です。
3. 「選択中の種」を「none」にします。まだどのタネも選んでいない、という意味の値です。
4. 「メニュー開いてる」を0にします。売り場のメニューは閉じた状態から始まります。
5. 持ち物の4つ（キャロットの種・イチゴの種・キャロット・イチゴ）を、すべて0にします。何も持っていない状態からのスタートです。
6. 最後にねだんを決めます。キャロットの種の買値=10、キャロットのロット数=10、キャロットの売値=5、イチゴの種の買値=50、イチゴのロット数=5、イチゴの売値=20。
7. これで、ゲーム全体で使う15個の変数がすべて決まった状態でスタートします。変数の初期化がひとつでも抜けていると、「前に遊んだときの数字」が残ったままゲームが始まってしまい、原因の分かりにくいバグになります。

1. 「表示判定」は、「個数」という引数（ひきすう）をひとつ受け取るブロック定義です。
2. 受け取った「個数」が0より大きければ、ステージに表示します。
3. 0以下（つまり0個）ならば、ステージから姿を消します。
4. これにより「持っていないものは、スロットに出さない」というルールが1か所にまとまります。

1. 旗をクリックしたら、スプライト本体はステージから姿を消します。
2. 続いて「スロット作成」を実行します。これは「ブロック定義」で自分で作ったブロックです。
3. 「スロット作成」が実行されると、Slot(スロット)のスプライトはX座標=-75、Y座標=-155に瞬間移動し、コスチュームを「CarrotSeed」にします。次に自分自身のクローンを生成し、次のコスチュームに変更してからX座標を50ずつ変える処理を5回繰り返します。
4. これにより、「CarrotSeed」「StrawberrySeed」「Carrot」「Strawberry」の4つのスロットと1つの「Highlight」がステージ下部にX座標−75から右へ50ピクセル間隔で生成されます。しかし、本体が隠れている状態でクローンを作ったので、クローン自体もステージから隠れた状態で生まれます。

1. Slotがクローンされたとき、次の処理をずっと繰り返します。
2. もしも変数「現在の画面」の値が「Title」ならば、ステージから姿を消します。タイトル画面では持ち物を出しません。
3. 「Title」以外ならば、いったんステージに表示してから、自分のコスチューム名を見てそれぞれの持ち物の数を調べます。
4. コスチューム名が「CarrotSeed」なら「表示判定（キャロットの種）」、「StrawberrySeed」なら「表示判定（イチゴの種）」、「Carrot」なら「表示判定（キャロット）」、「Strawberry」なら「表示判定（イチゴ）」を実行します。
5. コスチューム名が「Highlight」のクローンは、ここではまだ「隠す」だけにしておきます。この中身は第3回で差し替えます。
6. これにより、ステージの変数「キャロットの種」を0にするとキャロットのスロットが消え、3にすると出てくるようになります。5つのクローンはまったく同じスクリプトを持っているのに、自分のコスチューム名を見ているので、それぞれ違う変数を担当できます。

1. コスチューム名が「CarrotSeed」のスロットを押すと、変数「選択中の種」に「キャロットの種」を入れ、「Correct音」のメッセージを送ります。
2. コスチューム名が「StrawberrySeed」なら、「選択中の種」に「イチゴの種」を入れます。
3. コスチューム名が「Carrot」「Strawberry」のスロット（収穫した作物）を押すと、持っている数を2秒間しゃべります。
4. 変数「選択中の種」は、第4回で「どちらのタネを畑に植えるか」を決めるときに使います。第2回の時点では、ステージの変数表示が切り替わるのを見て確かめてください。

1. 旗をクリックしたら、スプライト本体はステージから姿を消します。
2. 続いて「Eを表示」を実行します。これは「ブロック定義」で自分で作ったブロックです。
3. 最前面へ移動したあと、幽霊の効果を10にして、X座標=3、Y座標=-40 でコスチュームを「E」にし、クローンを作ります。「E」ボタンだけ少しだけ透けているのは、売り場の絵になじませるためです。
4. 次に幽霊の効果を0に戻し、X座標=-110、Y座標=-58 でコスチュームを「Sell」にしてクローンを作ります。
5. さらにY座標を-36ずつ変えてからコスチュームを「Keep」にして、もうひとつクローンを作ります。
6. これにより「E」「Sell」「Keep」の3つのクローンができます。本体が隠れている状態でクローンを作ったので、クローンも隠れた状態で生まれます。このコードだけでは、まだボタンは見えません。

1. クローンされたとき、次の処理をずっと繰り返します。
2. もしも変数「現在の画面」の値が「Sell」ならば、さらに自分のコスチューム名を調べます。
3. コスチューム名が「E」なら、変数「メニュー開いてる」が0のときだけ表示し、1のときは隠します。
4. コスチューム名が「E」以外（「Sell」と「Keep」）なら、逆に「メニュー開いてる」が1のときだけ表示し、0のときは隠します。
5. 変数「現在の画面」の値が「Sell」以外ならば、姿を消したうえで、変数「メニュー開いてる」を0に戻します。

売り場を出るときに閉じておく、という後片づけをここでやっています。
「画面から出るときに、その画面の中の状態をリセットする」という考え方は、どんなプログラムでもよく出てくる大事な作法です。

1. クローンがクリックされたとき、もしコスチューム名が「E」ならば、「Correct音」のメッセージを送り、変数「メニュー開いてる」を1にします。
2. 「メニュー開いてる」が1になると、上の表示ループが自動で気づいて、「E」ボタンが消え、「Sell」「Keep」の2つが現れます。
3. 「Sell」「Keep」を押したときの中身は、まだ空にしてあります。売る計算は第5回、収穫した作物ができてから作ります。「あとで中身を入れる場所」を先に用意しておく、という進め方です。

第2回では、まだタネを買うことができません。
ステージに表示されている変数の数字をダブルクリックして書きかえ、画面が思ったとおりに動くかを確かめてください。

1. 「現在の画面」を Garden にする　→　畑が出る
2. 「現在の画面」を Seeds にする　→　タネ屋さんが出る
3. 「キャロットの種」を 0 にする　→　キャロットのスロットが消える
4. 「キャロットの種」を 3 にする　→　キャロットのスロットが出る
5. 「現在の画面」を Sell にする　→　売り場。E ボタンが出る
6. 「メニュー開いてる」を 1 にする　→　E が消え、売る／やめる が出る
7. 1 のまま「現在の画面」を Garden にする　→　3つとも消える
8. そこから「現在の画面」を Sell に戻す　→　E ボタンから始まる
9. タネのスロットを押す　→　音が鳴り、「選択中の種」の表示が変わる

7・8番が合格ラインです。ここが通れば、「画面のなかの状態」が正しく作れています。

次回は、いよいよタネが買えるようになります。

・第2回で「隠す」だけにしておいた Highlight の中身を作り、選んでいるタネが光るようにする
・Seedsスプライトに購入の処理を書き、所持金を減らしてタネを増やす

第2回で作った画面が、そのまま動き出す回です。