2026-09-20
Project
MINI GAME温泉旅館 泥舟館
Three.jsReactWeb Audio API
SharePost

ここは伝説の温泉旅館、泥舟館(でいしゅうかん)。訪れるお客さまは全員泥酔しており、自分の部屋番号をすっかり忘れてしまっています。フロント係として客が差し出すルームキーを手がかりに正しい部屋番号を特定し、スムーズにご案内してあげましょう。
ルール&遊び方
1. 階数の特定:鍵のアクリルキーホルダーの色をカウンター右側の業務台帳と照らし合わせて「階数」を割り出します。 2. ICカード読み取り:ICカードリーダーのインジケーターが中央に来るタイミングを狙って目押しし、「号室」を特定します。 3. 鍵の回転(接触改善):卓上の鍵をマウスやスワイプでぐりぐりと回転させると接触不良が改善され、ICカード読み取りの当たり判定が徐々に広がります。 4. 部屋番号の案内:特定した「階数+号室(4桁)」をテンキーまたはキーボードで入力し、「案内する」ボタンで確定します。 5. 業務終了:制限時間は60秒。ミス3回で即刻解雇となります。終了後は案内数に応じた称号が付与されます。
主な特徴・システム
・Three.jsによるアクリルキーホルダーの3Dグリグリ回転ギミック ・昭和レトロな業務用操作端末をイメージしたドットフォント&インターフェース ・Web Audio APIによる低遅延キータッチ音・スキャン効果音・レトロBGM ・スマートフォン(横画面・全画面表示)およびPC操作の両対応 ・結果の称号判定とX(旧Twitter)ポスト連携 ・プレイ時間:1プレイ約1分(60秒)
使用技術
Three.jsReactWeb Audio API