氷見の南端・島尾海岸から、北端・灘浦海岸まで。サイコロを振って、氷見の街をすごろくで旅してみませんか？
このアプリは、氷見のデフォルメ地図をボードにした本格すごろくゲーム。16箇所の実在スポットがマスになっていて、止まるたびにその場所の豆知識が表示されます。途中にはクイズマスやイベントマス（「食べすぎて動けない…1マス戻る」「温泉パワーで2マス進む！」）も。ゴールすると、サイコロ回数に応じた称号がもらえます。
👉 デモアプリを開く （※クリックで全画面表示されます）
📱 使い方
- 「ゲームスタート」をタップして開始
- 「🎲 サイコロを振る」ボタンでサイコロを振り、出た目の数だけ進む
- 止まったマスに応じてスポット紹介・ボーナス・クイズなどのイベントが発生
- クイズに正解すると+2マス、不正解だと-1マス
- ゴールに到着するとプレイ統計と称号が表示、シェア可能
💡 ポイント: サイコロの回数が少ないほど高い称号をゲット。氷見の名所を楽しく知りながら遊べます。
🎯 こんな人におすすめ
- 氷見の名所を楽しく覚えたい方
- ちょっとした暇つぶしに遊びたい方
- 氷見旅行前に予習したい観光客
開発メモ
目的: 遊びながら氷見のスポットを知る。ゲーム感覚で「実際に行ってみたい」と思わせる観光導線。
技術: HTML5, Vanilla JS, CSS Animation, SVGルート描画, 背景イラスト（AI生成）
工夫: 背景の氷見デフォルメ地図はAIで生成した夜景イラスト。その上にCSSでマスを絶対配置し、SVGの破線でルートを描画するハイブリッド方式です。ゴール後は012インサイダーガイドへの導線を設置し、「ゲームで知る→実際に行く」の流れを作っています。
コメント