rpg initial commit

play/rpg.org

@@ -0,0 +1,60 @@
+#+TITLE: Hollow Archive
+#+OPTIONS: num:nil title:nil toc:nil
+#+NO_SIDENOTES: t
+#+DATE: <2026-05-09 Sat>
+
+#+BEGIN_EXPORT html
+<main class="play-root play-page rpg-root" data-play-page="rpg">
+  <a class="play-back" href="/play.html">Back to Play</a>
+  <header class="play-page-head">
+    <p class="play-kicker">11 / Role Playing Game</p>
+    <h1>Hollow Archive</h1>
+    <p>A tiny 2D RPG base: move through rooms, speak with characters, collect items, complete quests, save progress, and steer the ending.</p>
+  </header>
+
+  <section class="play-tool rpg-shell" aria-label="Hollow Archive game">
+    <div class="rpg-stage">
+      <canvas class="rpg-canvas" width="768" height="512" data-rpg-canvas></canvas>
+      <div class="rpg-dialogue" data-rpg-dialogue aria-live="polite">
+        <strong data-rpg-speaker>Archivist</strong>
+        <p data-rpg-line>Press Start to enter the archive.</p>
+      </div>
+    </div>
+
+    <aside class="rpg-panel" aria-label="Game controls and progress">
+      <div class="rpg-actions">
+        <button type="button" data-rpg-start>Start</button>
+        <button type="button" data-rpg-save>Save</button>
+        <button type="button" data-rpg-load>Load</button>
+        <button type="button" data-rpg-reset>Reset</button>
+      </div>
+
+      <div class="rpg-mobile-pad" aria-label="Movement controls">
+        <button type="button" data-rpg-move="up">Up</button>
+        <button type="button" data-rpg-move="left">Left</button>
+        <button type="button" data-rpg-act>Act</button>
+        <button type="button" data-rpg-move="right">Right</button>
+        <button type="button" data-rpg-move="down">Down</button>
+      </div>
+
+      <dl class="rpg-stats">
+        <div><dt>Room</dt><dd data-rpg-room>Entrance</dd></div>
+        <div><dt>Route</dt><dd data-rpg-route>Undecided</dd></div>
+        <div><dt>Hearts</dt><dd data-rpg-hearts>3</dd></div>
+      </dl>
+
+      <section class="rpg-list">
+        <h2>Quests</h2>
+        <ul data-rpg-quests></ul>
+      </section>
+
+      <section class="rpg-list">
+        <h2>Inventory</h2>
+        <ul data-rpg-inventory></ul>
+      </section>
+
+      <p class="rpg-status" data-rpg-status>Keyboard: arrows or WASD to move, Space or Enter to act.</p>
+    </aside>
+  </section>
+</main>
+#+END_EXPORT