謎解きの仕掛け7

今回は、また新しい謎解きの仕掛けを作ったので、紹介していきます。

今回作成した仕掛けは、正しいパターンで進んでいくとアイテムがある部屋にたどり着けるというものです。

1～10までの部屋があり、それぞれの部屋に黒と白の扉があります。この2つの扉を正しいパターンで入らないと次のアイテムがゲットできないような仕掛けになっています。

1番目の部屋

2番目の部屋

10番目の部屋

黒い扉、白い扉のどちらを選んでも次の番号の部屋に進みます。そして、10番目の部屋で最後の2択を選ぶと、アイテムがある正解の部屋か、不正解の部屋のどちらかに進みます。

正解の部屋

不正解の部屋

1～10までのすべての部屋で正しい扉を選ぶと正解の部屋に進みます。一方、一つでも扉を間違えると最後は不正解の部屋に進みます。不正解の部屋には「不正解」と書かれた看板が立っています。

この仕掛けもflagを使って作りました。flag79というflagを用意し、初期状態ではtrueになっています。正しいパターンで進めばflag79はtrueのままですが、ひとつでも間違いの扉に進むとflag79にfalseが代入されます。

最終的に、10番目の部屋の扉に入った時にflag79がtrueであれば正解の部屋、flag79がfalseであれば不正解の部屋が描画されます。

今回の仕掛けの大まかな解説はこんな感じです。

今回のゲーム制作ではすべての仕掛けでflagを使いました。使い方によっていろんな仕掛けが作れるので、flagはゲーム作りにおいて重要だなと個人的に感じました。

謎解きゲームはこれである程度完成したので、今回の仕掛けがもしかしたら最後になるかもしれません。

そのため、次回のブログはどんな内容になるかはわかりませんが、また何か進捗があれば投稿していきます。

参考文献

田中賢一郎『ゲームで学ぶ JavaScript 入門』インプレス, 2015年

田中賢一郎『ゲームを作りながら楽しく学べる HTML5+CSS+JavaScript』インプレス, 2017年

田中賢一郎『ゲームで学ぶ JavaScript 入門増補改訂版～ブラウザゲームづくりで HTML&CSS も身につく！』インプレス, 2022年

使用した素材サイト

ぴぽや倉庫

https://pipoya.net/sozai/

DOTOWN

https://dotown.maeda-design-room.net/

謎解きゲーム作成