| <!doctype html> |
| <html lang="zh-Hant"> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> |
| <meta name="theme-color" content="#101d18"> |
| <meta name="description" content="走過星火之森、擊退魔物、收集星火碎片，挑戰北方的魔王。"> |
| <title>星火之森 — 一場像素 RPG 冒險</title> |
| <link rel="icon" href="data:,"> |
| <link rel="stylesheet" href="style.css"> |
| </head> |
| <body> |
| <main class="game-shell"> |
| <header class="topbar"> |
| <a class="brand" href="#" aria-label="星火之森首頁"><span class="brand-mark">✳</span> 星火之森</a> |
| <span class="chapter">第一章 ／ 遺忘的神殿</span> |
| <button class="sound-button" id="restart" type="button" aria-label="重新開始">重新開始 ↺</button> |
| </header> |
|
|
| <section class="screen-wrap" aria-label="遊戲畫面"> |
| <canvas id="game" width="960" height="640" aria-label="星火之森 RPG 遊戲畫面"></canvas> |
| <div id="intro" class="overlay"> |
| <div class="title-card"> |
| <div class="title-eyebrow">A LITTLE PIXEL ADVENTURE</div> |
| <h1>星火之森</h1> |
| <p>古老的神殿裡，沉睡著最後的火焰。</p> |
| <button id="start" class="start-button" type="button"><span>✦</span> 開始冒險 <span>✦</span></button> |
| <div class="title-hint">方向鍵移動 <span>·</span> Z 揮劍</div> |
| </div> |
| </div> |
| <div class="touch-controls" aria-label="觸控操作"> |
| <div class="pad"> |
| <button type="button" data-key="ArrowUp" class="up" aria-label="向上">▲</button> |
| <button type="button" data-key="ArrowLeft" class="left" aria-label="向左">◀</button> |
| <button type="button" data-key="ArrowDown" class="down" aria-label="向下">▼</button> |
| <button type="button" data-key="ArrowRight" class="right" aria-label="向右">▶</button> |
| </div> |
| <button type="button" data-key="KeyZ" class="attack-button" aria-label="揮劍"><span>⚔</span><small>揮劍</small></button> |
| </div> |
| </section> |
|
|
| <section class="bottom-bar"> |
| <div class="legend"><span class="legend-spark">✦</span><span id="objective">踏上旅程，收集 5 個星火碎片</span></div> |
| <div class="controls-hint"><kbd>W</kbd><kbd>A</kbd><kbd>S</kbd><kbd>D</kbd> 或 <kbd>↑</kbd><kbd>←</kbd><kbd>↓</kbd><kbd>→</kbd><span class="hint-separator"></span><kbd>Z</kbd> 揮劍</div> |
| </section> |
| <footer>本遊戲作者：<strong>HelloSun</strong> · 協作：<strong>GPT-6_Luna</strong> · 遊戲程式採 AGPL-3.0-or-later · 角色與像素素材依 KLPL 1.0 授權 · <a href="KLPL.md" target="_blank">素材授權與來源</a></footer> |
| </main> |
| <script src="game.js" defer></script> |
| </body> |
| </html> |
|
|
