initial Game

2026-09-12 01:33:07 -04:00
commit a740d2f141
15 changed files with 4275 additions and 0 deletions
@@ -0,0 +1,63 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Neon Pinball</title>
+  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🎱</text></svg>">
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <main class="cabinet">
+    <div class="playfield">
+      <div class="playfield-tilt">
+        <canvas id="table" aria-label="Pinball table"></canvas>
+      </div>
+    </div>
+
+    <aside class="backbox">
+      <h1 class="marquee">NEON <span>PINBALL</span></h1>
+
+      <section class="dmd" aria-live="polite">
+        <div class="dmd-score" id="score">0</div>
+        <div class="dmd-message" id="message">PRESS SPACE</div>
+        <div class="dmd-sub" id="sub">TO START</div>
+      </section>
+
+      <dl class="stats">
+        <div><dt>Ball</dt><dd id="ball">1 / 3</dd></div>
+        <div><dt>Bonus</dt><dd id="bonus">0</dd></div>
+        <div><dt>Multiplier</dt><dd id="multiplier">1X</dd></div>
+        <div><dt>High score</dt><dd id="high">0</dd></div>
+      </dl>
+
+      <section class="panel">
+        <h2>Controls</h2>
+        <ul class="keys">
+          <li><span><kbd>A</kbd> <kbd>&larr;</kbd></span> Left flipper</li>
+          <li><span><kbd>D</kbd> <kbd>&rarr;</kbd></span> Right flipper</li>
+          <li><span><kbd>Space</kbd></span> Hold to pull the plunger, release to launch</li>
+          <li><span><kbd>P</kbd></span> Pause</li>
+          <li><span><kbd>M</kbd></span> Sound on/off</li>
+        </ul>
+      </section>
+
+      <section class="panel">
+        <h2>How to score</h2>
+        <ul class="rules">
+          <li><b>Skill shot:</b> give a soft plunge (short hold) so the ball drops into the top lanes, and steer the blinking lane under it with the flippers: 25,000. A long hold sends the ball round the orbit instead.</li>
+          <li><b>Ramps:</b> a hard flipper shot up either outer lane climbs the ramp and crosses the wireform to the far side — feed it too weak and it rolls back out.</li>
+          <li><b>Lock &amp; multiball:</b> shoot the center scoop to lock a ball (it doesn't cost you a turn); lock two and the next scoop shot starts 3-ball multiball with jackpots lit on both ramps.</li>
+          <li><b>Jackpots:</b> collect both ramp jackpots during multiball to light the Super Jackpot at the scoop.</li>
+          <li><b>Top lanes:</b> light all three to raise the bonus multiplier (up to 5X). Flippers shift the lit lanes.</li>
+          <li><b>Drop targets:</b> knock down all three for Super Bumpers (1,000 a hit) and to relight the kickback.</li>
+          <li><b>Kickback:</b> when lit, it fires a ball in the left outlane back into play.</li>
+          <li><b>Stand-up targets:</b> light all three for 15,000.</li>
+          <li>The bonus &times; multiplier is added when each ball drains. Three balls per game.</li>
+        </ul>
+      </section>
+    </aside>
+  </main>
+  <script type="module" src="js/main.js"></script>
+</body>
+</html>