自主制作立体風ホテルパズルHTML / CSS / JavaScript

月灯ホテルの夜番

ベルを一度鳴らすたび鞄の客を一マス動かします。選べる合法手は多数ありますが、クリアへつながる順序と向きは一つだけ。全10階のオリジナルブラウザーゲームです。

Moonlit Hotel / Floor 01

全10階の全合法状態を探索し、正解局面からクリアへつながるベルが常に一つであることを検証。3段階ヒント、一手戻し、進行保存、キーボード・タッチ操作、BGM・効果音も実装しています。ゲームで遊ぶ

Why I rebuilt it

床に答えを描かず、配置そのものから解くゲームへ

単に歩く距離を延ばすだけでは、階が上がっても同じ問題を繰り返しているように見えます。そこで難易度の主指標を歩数ではなく「客を実際に動かす最小ベル回数」へ変更しました。

正解経路を示していた床の矢印と案内ランナーを撤去し、壁、家具、待機場所、ルカが立てる位置だけで手順が一つに定まる盤面へ作り直しました。迷ったときはヒントを使うたびに「残り回数と盤面の見方」「次の客」「立つ位置とベル方向」の三段階で詳しく確認できます。

Original world & character

主人公は、深い青緑の制服を着たレッサーパンダのベルボーイ「ルカ」です。客は古い旅行鞄を思わせる生きものとし、ベルの音に合わせて一歩ずつ進む存在として統一しました。紺、青緑、葡萄色、真鍮、琥珀色を全画面で共有し、タイトルとプレイ画面の印象をそろえています。

障害物で進路を限定するパズルの考え方を取り入れつつ、既存ゲーム固有の名称、キャラクター、背景、画面構成、効果音、盤面は使用していません。ルカ、鞄の客、月灯ホテルの内装、全10階の配置は、この作品のために設計・生成したオリジナル素材です。

Rules & counting

正面の客が空いている隣のマスへ進めるとき、ベル一回で必ず一マス動き、回数も一回増えます。間違った向きでも物理的に動ける場合は実際に動き、その配置からはクリアできないことを伝えます。正面に客がいない、または壁で進めないベルは成立しません。

歩数はルカの移動記録として残しますが、階の難易度には使いません。「一手戻す」では客の位置、ルカの位置と向き、ベル回数、歩数を直前の状態へ戻します。

Ten-floor level design

1〜5階は二人の客と袋小路で、順番、方向、曲がり方、長い横移動を覚えます。6階以降は前室の二人を正しく待機させると中央の連絡扉が開き、後室の二人へ進む構成です。最小ベル回数は4、5、6、7、8、10、11、12、13、14回と、上階ほど必ず増えます。

専用検証は予定手順だけを再生しません。各局面でルカが到達できる全ての立ち位置から、全ての客と方向へ合法なベルを列挙し、ゴールへつながる状態を逆算します。全階で、正解局面からゴールへつながるベルは常に一つだけ。10階では119状態を探索し、104状態が行き止まりになることを確認しています。

Interaction, access & sound

PCでは矢印キーとWASDで移動と方向転換、SpaceまたはBでベルを操作できます。スマートフォンでは4方向ボタンとベル、マウスでは隣のマスを選択して操作します。Uで一手戻す、Rで階をやり直す、Mで音を切り替えられます。

音は初期状態でオンです。ブラウザーの自動再生制限に従い、実際のBGMと効果音は最初にゲームを始める操作から再生します。タイトル、階選択、説明、結果、確認画面も矢印キーで選択し、Enterで決定できます。

Actual screens

タイトル、10階の選択、キャラクターを操作する盤面は、すべてローカルで実際に動作させて撮影しています。

Continue exploring

空間を読むパズルと、推理・発想で答えるクイズで、異なる遊びの設計を比べられます。