今回つくるゲーム
難易度
今回はスクラッチでマリオパーティの人気ゲーム、ポップコーンキャッチ風ゲームを作っていきます。カップ を頭の上に置いてポップコーンをキャッチして回りますが、これが左右移動だけだととても簡単ですが、3Dで奥行きがでたときにどうやってキャッチするかが今回のポイントとなります。理屈がわかれば他のいろいろなゲームにも使えるテクニックになりますので、ワンランク上のゲームを作れるようになるためにも是非マスターしてください。
まずは実際にゲームをプレイしてみてください。左右上下矢印キーでポップコーンを拾います。隕石に触れるとポップコーンを落としてしまいます。
こちらの動画でもわかりやすくゲームの作り方をざっくり解説していますのであわせてチェックしてください。チャンネル登録もよろしくお願いします!
はじめに
まず、以下をリミックスしてください
こちらにはゲームを作るのに必要な素材がすべて含まれています。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-11.26.53-1024x604.png?resize=1024%2C604&ssl=1)
ネコの動きをつくる
ではまずネコの動きを作っていきましょう。上下左右の矢印キーで移動しますが、上に動くということは奥に行くということなので、遠近法で考えて、大きさを小さくしていきます。逆に下に動くということは手前にくるということなので大きさを大きくしていきます。
ネコのコード
ネコのスプライトに以下のコードを書いていきます。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-10.52.41.png?resize=849%2C500&ssl=1)
さらに、動いている間のコスチュームを決めていきます。ネコのスプライトに以下のコードを追加します。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-10.53.02.png?resize=849%2C631&ssl=1)
影のコード
次にネコの影のコードを書いていきます。
なぜ、ネコとネコの影を別々にしているかというと、今回のゲームではネコの影とポップコーンの影がぶつかることで落下地点に入っているということを判断したいためです。のちほど詳しく解説します。
ネコの影はずっとネコのスプライトにいきます。ネコの影のスプライトに以下のコードを書きます。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-10.54.28.png?resize=605%2C274&ssl=1)
実は今回、ネコのコスチュームの中心は足元に設定されています。そのため影のスプライトを「ネコへ行く」とすると足元に設置されるのです。このようにコスチュームの中心をずらすのはよく使うテクニックなので覚えておきましょう。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-15.53.07.png?resize=386%2C297&ssl=1)
では実際に動かしてみましょう。以下のように動けば成功です。
ポップコーンを落とす
ポップコーンを落とすところが今回の1つの工夫ポイントです。まず地面に影ができて、その影に向かってポップコーンが落下してくるという仕組みです。今回は”影”でゲームを制御するのがポイントになってきます。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-16.17.23-1024x576.png?resize=1024%2C576&ssl=1)
ではこの仕組みに従ってコーン1とコーン1影のスプライトにコードを書いていきます。
コーン1のコード
コーン1のスプライトのコードは以下の通りです
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-10.59.57.png?resize=861%2C747&ssl=1)
コーン1影のコード
コーン1影のスプライトのコードは以下の通りです。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-11.01.00.png?resize=861%2C435&ssl=1)
ではを押してみましょう。以下のように次々とポップコーンが落ちてこれば成功です。
前面・背面の調整
このままでは少し問題があります。先ほどの4個目のポップコーンに注目してください。ネコより手前に落ちてくるはずなのに、ネコの後ろを通って落下しています。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-18.09.11-1024x765.png?resize=457%2C341&ssl=1)
これを解消するために、ポップコーンのコードに以下のように「前面背面判断」のブロックを追加します。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-11.05.00.png?resize=858%2C751&ssl=1)
ポップコーンをキャッチする
では次にポップコーンをキャッチしていきましょう。
ポップコーンのキャッチを判断するのは影です。ネコの影がポップコーンの影に触れればキャッチとなります。それはつまり落下点に入ったということになるからです。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-18.47.38.png?resize=606%2C543&ssl=1)
時間制限をつける
キャッチのコードを書く前にゲームに時間制限をつけていきます。
ステージのコードに以下のコードを書きます。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-11.11.47-1.png?resize=850%2C491&ssl=1)
そして、時間とキャッチの変数にチェックを入れて所定の場所に設置します。設置するときは大きな表示にするようにしましょう。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-19.04.01-1024x292.png?resize=1024%2C292&ssl=1)
ネコの影のコード
ネコの影のスプライトに以下のコードを書き、影1踏んでるという変数を作り、落下地点に入っているのか入っていないのかを判定していきます。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-11.06.06.png?resize=858%2C349&ssl=1)
コーン1のコード
コーン1のコードに以下のようにポップコーンキャッチの定義を追加していきます。
キャッチできれば、コーンが消えて新しい影が現れます。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-11.12.48.png?resize=850%2C752&ssl=1)
では、実際にプレイしてみましょう。以下のようにコーンをキャッチできれば成功です。
ポップコーンを増やす
ゲームを楽しくするために空から降ってくるポップコーンの数を増やしましょう。
コーン2/コーン影2
コーン3/コーン影3
のスプライトが用意されていますので、コーン1/コーン影1のコードをコピーしていきます。
矢印の部分が1つ目のポップコーンから変化したポイントです。
コーン2のコード
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-11.16.39.png?resize=852%2C740&ssl=1)
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-11.17.02.png?resize=852%2C416&ssl=1)
コーン影2のコード
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-11.17.21.png?resize=852%2C416&ssl=1)
コーン3のコード
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-11.18.36.png?resize=852%2C734&ssl=1)
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-11.18.43.png?resize=852%2C428&ssl=1)
コーン影3のコード
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-11.18.56.png?resize=852%2C428&ssl=1)
では、ゲームをプレイしてみましょう。次のようにどんどんポップコーンが降ってこれば成功です。
隕石を落とす
最後に隕石を落としていきます。
基本的にはポップコーンと同じ考え方ですが、岩石はポップコーンより落ちてくるまでに時間がかかります。またネコにあたると、ネコがキャッチしたポップコーンの数が半分になってしまうようになります。
隕石のコード
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-11.21.23.png?resize=859%2C745&ssl=1)
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-11.21.40-1.png?resize=859%2C503&ssl=1)
隕石の影のコード
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/08/スクリーンショット-2022-08-20-11.22.00.png?resize=859%2C426&ssl=1)
以下のように動けば成功です。
すべてのコード
これで全てのプログラミングが終了です、全てのコードは以下から確認できます。