スクラッチでリストを使ってセリフを切り替える〜敵キャラを追加してゲームらしくしよう〜

最終更新日 2025年4月23日 by toytune

スクラッチはアメリカの大学、MIT（マサチューセッツ工科大学）メディアラボで開発されたビジュアルプログラミング言語です。

1 はじめに
2 ヘビのスプライト（Snake）を追加する
3 ヘビ（Snake）のアニメーションを作る
4 ネコのスプライトを調整する
5 ネコのスプライトにリストを追加する
6 動作確認
7 まとめ

はじめに

前回の続きで、ここまで作ってきたプログラムに敵キャラクターを追加して、さらにゲームらしく進化させていきます。

前回までに、ネコのスプライトがButterfly 2（蝶）に触れるとスコアが加算されるしくみを作りました。今回はそこに、もう1体のButterfly 2を追加し、逆にスコアが減るような処理を加えていきます。

さらに、今回は「リスト」というスクラッチの機能を使います。

リストは、複数のデータをまとめて扱える箱のようなものです。データを「追加」「削除」「表示」することができます。今回はあらかじめセリフをリストに登録しておき、ネコが蝶やヘビに触れたときに、リストの内容からセリフを切り替えて表示するしくみを作ります。

▼ 今回作成するプログラム（の旗をクリックして動作を確認することができます）

ヘビのスプライト（Snake）を追加する

画面右下の「スプライトと背景」のところから、「スプライトを選ぶ」をクリックします。

画面が遷移し、「スプライト」のリストが表示されます。その中から「動物」をクリックすると、動物に関するスプライトが表示されるので、Snake（ヘビ）の「スプライト」を見つけクリックで選択します。
（下記画像を参考にしてください。）

「スプライトと背景」に3つめの「スプライト」として、Snake（ヘビ）の「スプライト」が追加されているか確認します。あれば、「Snake」の「スプライト」をクリックで選択します。

Snake（ヘビ）の「スプライト」を選択したら、ブロックの画面を見ていただき、「コスチューム」のタブをクリックします。Snake（ヘビ）のコスチュームを確認したり、編集できる画面に遷移します。

このSnake（ヘビ）の「スプライト」には3つのコスチュームがあることがわかりまます。

ヘビ（Snake）のアニメーションを作る

ここでは、すでに作成している蝶のスプライトで作ったアニメーションと同じものを作ります。位置やスピードについては、Snake（ヘビ）のスプライト用に変えたいと思います。

まずブロックを組むので、Butterfly 2（蝶）の「スプライト」を見ながらつくっていっても良いです。左上のコードのタブをクリックし、コスチュームからコードブロックの画面に切り替え、確認しながら作っていただいても大丈夫です。

面倒だと思う方は、次に紹介するコピーする方法に進んでください。

同じものをつくるのは面倒だと思う場合は、Butterfly 2（蝶）の「スプライト」からコードブロックをコピーしてSnake（ヘビ）の「スプライト」にコピーして使いまわしたいと思います。

先ずコピーする側となるButterfly 2（蝶）の「スプライト」をクリックします。

蝶のブロックのかたまりは2つあります。どちらからでも構いませんが、ここでは大きい方からコピーしていきます。

かたまりの先頭のブロックをクリックし、キーボードの操作でコピーをします。
コピーの方法はお使いのOSによって異なります。

Window：「Ctrl」を押しながら「C」を押す
Mac：「command」を押しながら「C」を押す

明らかにコピーできているという表示は出てこないので、この操作ができたら次に進みます。

今度はコピーしたものをSnake（ヘビ）の「スプライト」にもっていきたいので、Sake（ヘビ）の「スプライト」をクリックします。

コピーしたブロックをペースト（貼り付け）します。場所はどこでも構いません。
ペースト（貼り付け）も方法はOSによって異なります。

Windows：「Ctrl」を押しながら「v」を押す
Mac」「command」を押しながら「v」を押す

もしペースト（貼り付け）ができなかった場合、コピーができてないかと思うので、Butterfly 2（蝶）の「スプライト」に戻り、改めてコピーをしてください。

できたら小さい方のかたまりのブロックも同じくコピーしていきます。
Butterfly 2（蝶）の「スプライト」をクリックします。

ここも同じく先頭のブロックをクリックして、コピーをします。

Windows：「Ctrl」を押しながら「c」を押す
Mac：「command」を押しながら「c」を押す

できたら再度Snake（ヘビ）の「スプライト」に戻ります。

同じくペースト（貼り付け）します。

Windows：「Ctrl」を押しながら「v」を押す
Mac：「command」を押しながら「v」を押す

ここまでできたら、一旦ステージを見て現在のSnake（ヘビ）の「スプライト」の位置を確認したいと思います。

現在はButterfly 2（蝶）の「スプライト」のブロックをそのまま持ってきただけなので、Butterfly 2（蝶）の「スプライト」と同じ位置に表示されています。

ブロックがすべて組み終わったら、下記の4箇所のパラメータを変更します。
もし、パラメータが下記と同じであれば変更の必要はありません。

「の旗が押されたとき」のところから3つ下にある「スピード〜にする」を「20」に変更
「大きさを〜%にする」を「25」に変更
「x座標を〜、y座標を〜にする」をそれぞれ「120」、「-100」に変更
「捕まったを受け取ったとき」のすぐ下の「スピードを〜ずつ変える」を「5」に変更

ネコのスプライトを調整する

Snake（ヘビ）のスプライトを追加したことで、ネコの「スプライト」も表示位置や、ジャンプの速さも変えて、お互いの「スプライト」が触れたり、避けたりできるようにしていきたい思います。

ネコのコードブロックを操作していくので、ネコの「スプライト」をクリックで選択します。

「の旗が押されたとき」のすぐ下に「y座標を〜にする」をドラッグで入れ、数値を「-70」に変更します。

そこから下の方のブロックにあるジャンプの速さと高さも変更していきます。
下記の4つブロックの数値も変更します。図も参照してください。

「〜秒待つ」の2つを「0.05」に変更
上の「y座標を〜ずつ変える」を「15」に変更
下の「y座標を〜ずつ変える」を「-15」に変更

ネコのスプライトにリストを追加する

いよいよ「リスト」を追加していきます。冒頭で記載したとおり、「リスト」はデータを格納するもので、今回は吹き出しの内容をデータとして「リスト」へ格納したいと思います。
そのままネコの「スプライト」が選択された状態で、ブロックの「変数」のところにある「リストを作る」をクリックします。

リストをクリックすると、モーダルの画面が表示されます。
リストの名前は任意ですが、ここでは「セリフ」と入力しています。
次にこの「リスト」は、ネコの「スプライト」でしか使わないので、「このスプライトのみ」の方にチェックを入れます。

完了したら、最後に「OK」をクリックし「リスト」を作成します。

「リスト」が作成されると、先ほど「リストを作る」とクリックしたところの下に「リスト」に関するブロックが追加されています。またステージ内にも「リスト」が表示されます。

ステージに表示されたリストを操作して、「リスト」内にデータを格納します。今回は、ネコのセリフを2つ入れて、状況によってそのセリフを出し分けていきたいと思います。

ステージのリストの左下の「＋」を2回クリックします。

2つ空の「リスト」が追加されますので、それぞれ下記のセリフを入力します。

捕まえた
かまれた

もし間違って「＋」をクリックしてしまっても、「リスト」の右側にある「×」マークをクリックすると削除することができます。

「リスト」にデータを追加できたら、表示から消したいのでブロックの中の「セリフ」のチェックをクリックで外します。

外れるとステージの「リスト」は非表示になります。非表示になっているだけで、「リスト」にデータは格納された状態なので大丈夫です。

今度は「リスト」に設定したセリフを設定していきます。

まず、「捕まえた！と1秒言う」となっているところの「捕まえた！」を「リスト」に変更します。
「リスト」のブロックの中から、「〜の〜番目」のブロックをドラッグし、「捕まえた！」と手入力しているところに入れます。次に最初の「〜」は「セリフ」を選択し、さらに次の「〜」は「1」と入力します。
これで「リスト」の1番に入れた「捕まえた！」の吹き出しがでるようになりました。