8×8 傾き迷路ゲーム ― 「つぎのマスの色」で進むしくみを作ろう

今回のゴールは、本体を傾けて遊ぶ「8×8 傾き迷路ゲーム」。赤いプレイヤーを傾きで動かして、青いかべをよけながら黄色いゴールを目指します。使うのは、いつもの 8×8 LEDパネルと、本体に入っているジャイロセンサー、それに圧電スピーカーだけ。

このページでは「遊ぶ・改造する」だけでなく、ゲームがどういうしくみで動いているかを、ステップごとに組み立てながら理解していきます。

進め方：自分でブロックを組んでもよいし、各ステップの「◯◯を開く」からプログラムをコピーして、動かしながら読んでもOKです。

プログラミング画面を開こう。
「新しいプロジェクトを追加する」をクリックすると、プロジェクト作成ウインドウが出るので、「作成」をクリックしてプログラミング画面を開きます。

SPACEBLOCKをパソコンにつなげよう。
プログラミング画面を開くとデバイス接続ウインドウが表示されるので、SPACEBLOCKとパソコンをUSBケーブルでつなげます。つなげたら「USBで接続する」をクリック。新しくウインドウが表示されるので「SPACEBLOCK」をクリックしてから「接続」を押します。
※2回目からは自動でSPACEBLOCKがパソコンとつながります。

8×8 LEDパネルをつなげよう。
USBケーブルの隣にある横向きピンソケットに、LEDパネルが立つように写真のようにつなげます。
※LEDパネルをつなげた後に本体を持つときは、パネルではなく本体を持ちましょう。

圧電スピーカーをつなげよう。
圧電スピーカーには赤と黒の2本のワイヤがあります。青色ピンソケット（USBコネクタの右下にある青い2列のソケット）の外側の列に、黒いワイヤを左はしの GND、赤いワイヤをそのとなりの A0 にさします。

本体やLEDパネルが手もとにないときは、シミュレータ画面でもためせます。

迷路は「LED」カテゴリの「RGB LED [A10] を点灯」ブロックに絵としてかきます。色は、ブロックの上にならんでいるパレットの丸をクリックして選び、光らせたいマスをクリックします。色のルールはこの3つ。

プレイヤーの場所は、2つの変数 x（よこ）と y（たて）でおぼえます。左上が (1, 1)、右下が (8, 8)。x は右へいくほど、y は下へいくほど大きくなります。

かべとゴールは、かならずパレットの青と黄を使います。プログラムは、あとで色を #0011CC・#FFF100 というカラーコード（色をあらわす文字）でくらべるからです。パレットの青＝#0011CC、パレットの黄＝#FFF100。右はしの「自由な色」で作った、にた青では、かべになりません。プレイヤーの赤もパレットの赤（#E60000）です。

迷路をかいたあと、x と y に 1 をセットして、「8×8 RGB LED の x (x) y (y) を 赤 に点灯」でプレイヤーを表示します。1マスだけ光らせるこのブロックが、プレイヤーの正体です。

SPACEBLOCKに入っているジャイロセンサーは、本体が水平からどれくらい傾いているかを角度で教えてくれます。水平のとき 0、傾けるほど −90〜90 の数字に変わります。ジャイロは本体の中に入っているので、傾けるのは本体です。

よこは ±20。たては上が 25、下が −5 と、わざとちがう数字にしています。LEDパネルは顔より下にあるので、上へ進む向きに傾けるとよく見え、下へ進む向きに傾けると見にくくなります。そこで、見にくい下はほんの少しの傾きで反応するように、見やすい上はしっかり傾けたときだけ反応するようにしてあります。

8×8 LEDパネルは本体の前がわの横向きピンソケットに立ててつなぐので、16×16の迷路ゲームとは上下左右の向きがすべて逆になっています。16×16版のプログラムを読むときは、ここがちがう点です。

ここで1つ工夫をします。いきなり x や y を変えるのではなく、「つぎに行きたい場所」を別の変数 nx・ny に入れておくのです（next の n）。

4つの「もし」は「でなくもし」でつないでいないので、よことたての両方に傾けると、ななめにも進めます。

ステップ2のプログラムでは、このあと「今のマスを消灯 → x に nx、y に ny をセット → 赤で点灯 → 150ミリ秒まつ」を「繰り返す」の中でくり返します。消灯を忘れると、通ったあとが全部赤くのこってしまいます。

ステップ2のままだと、プレイヤーはかべをすりぬけてしまいます。そこで、進む前に「つぎのマス (nx, ny) の色」を調べます。「LED」カテゴリの「8×8 RGB LED の x ( ) y ( ) の色を取得」は、そのマスが今なに色で光っているかを #0011CC のような文字（カラーコード）で返してくれるブロックです。

つまり、迷路の絵そのものが「かべのデータ」になっています。かべの場所を別に表や配列でおぼえておく必要はありません。絵をかき変えれば、当たり判定もいっしょに変わります。

プレイヤーの赤は、x・y を更新したあとにぬるので、「つぎのマス」が自分の赤になることはありません。

下の「8x8迷路ゲーム」を開いてコピーし、実行してみよう。ゴールするとクリア画面とファンファーレが流れて、また最初から遊べます。

プログラム全体のながれはこうなっています。外がわの「繰り返す」がゲーム1回分、内がわの「繰り返す」が1マス分の動きです。ゴールすると内がわのループだけを抜けて、クリア画面へ進みます。

まずは迷路の絵をかき変えるのがおすすめ。下は参考の迷路3種です（チャレンジ版に入っています）。

もっとスリルがほしい人はチャレンジ版へ。ちがいは3つです。

さらにアイデア：コイン（水色）を置いてスコアをつける、時間制限をつける、紫のマスでワープ……どれも「つぎのマスの色を見て分ける」を1つ増やすだけで作れます。16×16の大きなパネルで遊ぶ「傾き迷路ゲーム」のページには、その見本プログラムもあります。