スクラッチプログラミング - かんたん!めいろゲームのつくりかた

迷路(めいろ)の中でスプライトをうごかすゲームをつくってみましょう。画面(がめん)のタッチ、マウスポインターでスプライトをそうさします。迷路(めいろ)のかべをとおりぬけられないようにするには、どうすればよいでしょうか?

スクラッチプログラミング - かんたん!めいろゲームのつくりかた
Photo by Mitchell Luo on Unsplash
📖
Pyxofy (著) 電子書籍「きょうからはじめるスクラッチプログラミング入門」を出版しました! ぜひこちらから詳細をご覧ください。

サンプルさくひんであそんでみよう

今回(こんかい)しょうかいするのは、スプライトをうごかしてあそぶ迷路(めいろ)ゲームです。

スプライトの「あおくん」をそうさして、ゴールまでうごかしましょう!

「あおくん」のそうさほうほう

  • タブレット…画面(がめん)をゆびでタッチしてうごかす
  • パソコン…マウスのポインターをうごかす

(プロジェクトがひょうじされないばあいは、ScratchのPyxofyページをごらんください)

このきじをよむとわかること

  • 画面(がめん)のタッチ(マウスポインター)で、スプライトをうごかすほうほう
  • あたりはんてい(もしなにかにふれたなら)

めいろゲームをつくろう

スプライトをそうさしてゴールをめざす、迷路(めいろ)ゲームをつくってみましょう!

  1. めいろをえがく
  2. そうさするスプライトをえがく
  3. スプライトをうごかす
  4. あたりはんてい
  5. プログラムかんせい

【かんせいプログラム】

迷路ゲームの完成コード

迷路(めいろ)のはいけいをえがきます。ゴールは、かべとはちがういろでつくっておきましょう。

右下にゴールのある迷路を背景として描く

そうさするスプライトの「あおくん」をえがきましょう。

青い丸でプレイヤーとして使うスプライトを描く

あおくんをそうさできるようにプログラミングしましょう。

  • ステージの左上からスタートする
スプライトを迷路のスタート位置となる左上におく

あおくんのそうさほうほうは、つぎのとおりです。

  • タブレット…ステージをゆびでタッチしてうごかす
  • パソコン…マウスのポインターをうごかす

マウスのポインターへむけて、うごかす

ゆびでタッチしているばしょ(ポインターのあるばしょ)へスプライトをうごかすために、

  • マウスのポインターへむける
  • (5)ほうごかす

をくみあわせます。

ゴールにつくまでうごかしつづけたいので、「ずっと」でかこむのをわすれないようにしましょう。

スプライトをずっとマウスポインターの方へ動かすコード

あおくんがポインターのほうへうごくようになりました!でも、ポインターのところまでくると、あおくんはブルブルとヘンなうごきになってしまいます。

マウスポインターのところにくるとスプライトがブルブルとうごく様子を表した画像

これは、あおくんを「ずっとうごかす」ようにしてあるからです。

マウスのポインターまでのきょり

このヘンなうごきをかいけつするために、ブロックを追加(ついか)しましょう。あおくんがポインターにちかづきすぎないようにしますよ。

  • マウスのポインターまでのきょり」が「5より大きい」ときだけ、うごくようにする
もしマウスのポインターまでの距離が5より大きいなら、と組みわせたコードをずっとの中に入れる

あおくんをスムーズにうごかせるようになりました!でもこのままでは、迷路(めいろ)のかべをとおりぬけてしまいます。

スプライトが迷路の壁を通り抜けて動いている様子

かべをとおりぬけられないようにするために、「あたりはんてい」をするブロックを追加(ついか)しましょう。

「あたりはんてい」とは、モノとモノがふれたかどうかをチェックすることです。

かべ

  • もしかべにふれたなら、うしろにさがるようにする
もし壁の色に触れたなら-5ほうごかすコードを追加する

かべにふれたどうかは、「かべのいろ」でチェックしますよ。

色にふれたブロックのスポイトで迷路の壁の色を選ぶ様子

あおくんが、かべをとおりぬけられなくなりました!かべにふれると、あおくんはうしろに「-5ほ」さがります。

ゴール

  • もしゴールについたなら、「ゴール!」といったあとに、プログラムをとめる
もしゴールの色に触れたならゴールと2秒言う、全てを止めるコードを追加する

ゴールについたかどうかは、「ゴールのいろ」でチェックします。

色に触れたブロックのスポイトで迷路のゴールの色を選ぶ様子

迷路(めいろ)の中であおくんをそうさして、ゴールまでうごかせるようになりました!

迷路の完成プログラム

「きょうからはじめるスクラッチプログラミング入門」by Pyxofy

Pyxofy から Scratch の基本をまとめた電子書籍を出版しました。
Apple Books・Kindle でご購入ください。

特設ページはこちら

まとめ

今回(こんかい)は、スプライトをそうさしてあそぶ迷路(めいろ)ゲームのつくりかたをしょうかいしました。

「あたりはんてい」は、ゲームをつくるときによくつかうので、おぼえておきましょう。

次回(じかい)は、シューティングゲームのつくりかたをしょうかいします。

\この記事が参考になったら おねがいします/

Start Here - Scratch (スクラッチ)
Scratch (スクラッチ)記事(きじ)のレベル別一覧です。初級、中級、上級、拡張機能にわけてまとめました。
Scratch Programming ebook for Beginners - 入門
スクラッチ初心者の方へ向けた内容を ebook にまとめました。スクラッチの基本から簡単なスクリプト(プログラム)の作り方まで、全108ページ。ぜひダウンロードしてご活用ください。