Hugging Face's logo

Spaces:
HelloSun
/
rpg1
Running

App Files Community
rpg1
File size: 2,861 Bytes
4a37ff2
0b864e8
 
 
 
 
 
 
6eb8969
0b864e8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
dba13bb
0b864e8
 
 
4a37ff2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!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>