npm - nova64 - Versions diffs - 0.2.4 → 0.2.6 - Mend

nova64 0.2.4 → 0.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (140) hide show

package/README.md +25 -8
package/bin/nova64.js +165 -0
package/dist/assets/console-CY_kygm3.js +14 -0
package/dist/assets/console-CY_kygm3.js.map +1 -0
package/dist/assets/main-l0sNRNKZ.js.map +1 -0
package/dist/assets/sky/studio/nx.png +0 -0
package/dist/assets/sky/studio/ny.png +0 -0
package/dist/assets/sky/studio/nz.png +0 -0
package/dist/assets/sky/studio/px.png +0 -0
package/dist/assets/sky/studio/py.png +0 -0
package/dist/assets/sky/studio/pz.png +0 -0
package/dist/assets/vanilla-Dcuy32gi.js +2 -0
package/dist/assets/vanilla-Dcuy32gi.js.map +1 -0
package/dist/console.html +899 -0
package/dist/docs/BENCHMARK.md +77 -0
package/dist/docs/CHEATSHEET.md +255 -0
package/dist/docs/EFFECTS_API_GUIDE.md +577 -0
package/dist/docs/EFFECTS_QUICK_REFERENCE.md +331 -0
package/dist/docs/FONT_CHARACTER_REFERENCE.md +219 -0
package/dist/docs/FREE_GLB_ASSETS.md +330 -0
package/dist/docs/FULLSCREEN_BUTTON_FEATURE.md +296 -0
package/dist/docs/GAMEPAD_SUPPORT.md +348 -0
package/dist/docs/GAME_IMPROVEMENTS.md +278 -0
package/dist/docs/GAME_QUALITY_STATUS.md +300 -0
package/dist/docs/MIGRATION_GUIDE.md +553 -0
package/dist/docs/NOVA64_3D_API.md +356 -0
package/dist/docs/NOVA64_API_REFERENCE.md +1406 -0
package/dist/docs/NOVA64_UI_API.md +503 -0
package/dist/docs/UI_SYSTEM_SUMMARY.md +445 -0
package/dist/docs/VOXEL_ENGINE_GUIDE.md +662 -0
package/dist/docs/VOXEL_QUICK_REFERENCE.md +386 -0
package/dist/docs/api-3d.html +750 -0
package/dist/docs/api-effects.html +385 -0
package/dist/docs/api-improvements.md +121 -0
package/dist/docs/api-skybox.html +407 -0
package/dist/docs/api-sprites.html +321 -0
package/dist/docs/api-voxel.html +337 -0
package/dist/docs/api.html +543 -0
package/dist/docs/assets.html +306 -0
package/dist/docs/audio.html +340 -0
package/dist/docs/blogs.html +286 -0
package/dist/docs/collision.html +316 -0
package/dist/docs/console.html +247 -0
package/dist/docs/editor.html +297 -0
package/dist/docs/font.html +247 -0
package/dist/docs/framebuffer.html +247 -0
package/dist/docs/fullscreen-button.html +297 -0
package/dist/docs/gpu-systems.html +247 -0
package/dist/docs/index.html +580 -0
package/dist/docs/input.html +491 -0
package/dist/docs/physics.html +311 -0
package/dist/docs/screens.html +311 -0
package/dist/docs/storage.html +311 -0
package/dist/docs/textinput.html +332 -0
package/dist/docs/ui.html +488 -0
package/dist/examples/3d-advanced/code.js +695 -0
package/dist/examples/adventure-comic-3d/code.js +342 -0
package/dist/examples/audio-lab/code.js +150 -0
package/dist/examples/boids-flocking/code.js +270 -0
package/dist/examples/crystal-cathedral-3d/code.js +706 -0
package/dist/examples/cyberpunk-city-3d/code.js +1383 -0
package/dist/examples/demoscene/README.md +192 -0
package/dist/examples/demoscene/code.js +1081 -0
package/dist/examples/demoscene/meta.json +21 -0
package/dist/examples/dungeon-crawler-3d/code.js +1117 -0
package/dist/examples/f-zero-nova-3d/code.js +865 -0
package/dist/examples/f-zero-nova-3d/code_old.js +1555 -0
package/dist/examples/fps-demo-3d/code.js +744 -0
package/dist/examples/game-of-life-3d/code.js +338 -0
package/dist/examples/generative-art/code.js +632 -0
package/dist/examples/hello-3d/code.js +325 -0
package/dist/examples/hello-skybox/code.js +183 -0
package/dist/examples/hello-world/code.js +19 -0
package/dist/examples/input-showcase/code.js +109 -0
package/dist/examples/instancing-demo/code.js +315 -0
package/dist/examples/minecraft-demo/code.js +387 -0
package/dist/examples/model-viewer-3d/code.js +114 -0
package/dist/examples/mystical-realm-3d/code.js +1203 -0
package/dist/examples/nature-explorer-3d/code.js +1318 -0
package/dist/examples/particles-demo/code.js +522 -0
package/dist/examples/pbr-showcase/code.js +140 -0
package/dist/examples/physics-demo-3d/code.js +948 -0
package/dist/examples/screen-demo/code.js +267 -0
package/dist/examples/shooter-demo-3d/code.js +1286 -0
package/dist/examples/space-combat-3d/IMPLEMENTATION_SUMMARY.md +109 -0
package/dist/examples/space-combat-3d/README.md +135 -0
package/dist/examples/space-combat-3d/code.js +1332 -0
package/dist/examples/space-harrier-3d/code.js +923 -0
package/dist/examples/star-fox-nova-3d/code.js +1116 -0
package/dist/examples/star-fox-nova-3d/code_backup.js +410 -0
package/dist/examples/star-fox-nova-3d/code_broken.js +1821 -0
package/dist/examples/storage-quest/code.js +209 -0
package/dist/examples/strider-demo-3d/IMPROVEMENT_OPTIONS.md +285 -0
package/dist/examples/strider-demo-3d/cache-test.html +132 -0
package/dist/examples/strider-demo-3d/code-fixed.js +582 -0
package/dist/examples/strider-demo-3d/code-old.js +1537 -0
package/dist/examples/strider-demo-3d/code.js +1462 -0
package/dist/examples/strider-demo-3d/code.js.bak2 +1169 -0
package/dist/examples/strider-demo-3d/fix-game.sh +53 -0
package/dist/examples/super-plumber-64/README.md +128 -0
package/dist/examples/super-plumber-64/code.js +1185 -0
package/dist/examples/super-plumber-64/index.html +88 -0
package/dist/examples/test-2d-overlay/code.js +32 -0
package/dist/examples/test-font/code.js +51 -0
package/dist/examples/test-minimal/code.js +21 -0
package/dist/examples/ui-demo/code.js +306 -0
package/dist/examples/wing-commander-space/README.md +180 -0
package/dist/examples/wing-commander-space/code.js +1285 -0
package/dist/examples/wizardry-3d/CHANGELOG.md +366 -0
package/dist/examples/wizardry-3d/code.js +3928 -0
package/dist/index.html +666 -0
package/dist/os9-shell/assets/index-DIHfrTaW.css +1 -0
package/dist/os9-shell/assets/index-KchE_ngx.js +483 -0
package/dist/os9-shell/assets/index-KchE_ngx.js.map +1 -0
package/dist/os9-shell/index.html +23 -0
package/dist/os9-shell/nova-icon.svg +12 -0
package/index.html +6 -1
package/package.json +37 -32
package/public/assets/sky/studio/nx.png +0 -0
package/public/assets/sky/studio/ny.png +0 -0
package/public/assets/sky/studio/nz.png +0 -0
package/public/assets/sky/studio/px.png +0 -0
package/public/assets/sky/studio/py.png +0 -0
package/public/assets/sky/studio/pz.png +0 -0
package/public/os9-shell/assets/index-KchE_ngx.js +483 -0
package/public/os9-shell/assets/index-KchE_ngx.js.map +1 -0
package/public/os9-shell/index.html +10 -1
package/runtime/api-2d.js +301 -21
package/runtime/api-3d/pbr.js +45 -1
package/runtime/api-3d.js +1 -0
package/runtime/api-effects.js +90 -3
package/runtime/api-gameutils.js +476 -0
package/runtime/api-generative.js +610 -0
package/runtime/api-skybox.js +54 -0
package/runtime/api-voxel.js +139 -28
package/runtime/gpu-threejs.js +13 -9
package/runtime/ui.js +2 -2
package/src/main.js +24 -1
package/public/os9-shell/assets/index-B1Uvacma.js +0 -32825
package/public/os9-shell/assets/index-B1Uvacma.js.map +0 -1

package/dist/docs/blogs.html ADDED Viewed

@@ -0,0 +1,286 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Nova64 Blog Posts - Starcade9</title>
+  <style>
+    /* Minimal styling - content designed for easy Ghost copy/paste */
+    body { font-family: system-ui, -apple-system, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; line-height: 1.6; }
+    .blog-post { border: 1px solid #ddd; padding: 20px; margin: 20px 0; background: #fafafa; }
+    .blog-post h2 { margin-top: 0; }
+    .copy-btn { background: #333; color: #fff; border: none; padding: 8px 16px; cursor: pointer; margin-bottom: 10px; }
+    .copy-btn:hover { background: #555; }
+    hr { margin: 40px 0; }
+    code { background: #f0f0f0; padding: 2px 6px; }
+  </style>
+</head>
+<body>
+<h1>Nova64 Blog Posts</h1>
+<p>Clean, copy-paste ready content for Ghost blog at <a href="https://www.starcade9.io/">starcade9.io</a></p>
+<hr>
+<!-- ============================================================ -->
+<!-- BLOG POST 1: INTRODUCTION -->
+<!-- ============================================================ -->
+<div class="blog-post">
+  <button class="copy-btn" onclick="copyContent('post1')">📋 Copy HTML</button>
+  <div id="post1">
+<h2>Introducing Nova64: The Metaverse Arcade's Ultimate Virtual Console</h2>
+<p><strong>A Starcade9 Creation</strong></p>
+<p>We're building the future of retro gaming—and it lives inside the metaverse.</p>
+<p>Meet <strong>Nova64</strong>, a fully-functional virtual console that brings the raw, unfiltered energy of Nintendo 64 and PlayStation 1 graphics into immersive 3D worlds. This isn't emulation. This is reinvention.</p>
+<h3>What is Nova64?</h3>
+<p>Nova64 is a JavaScript-powered 3D fantasy console built from the ground up for the metaverse. It features:</p>
+<ul>
+  <li><strong>Authentic N64/PS1 Aesthetics</strong> – Low-poly models, vertex jitter, texture warping, and that nostalgic fog we all remember</li>
+  <li><strong>Three.js Rendering Engine</strong> – Hardware-accelerated 3D graphics with modern WebGL2</li>
+  <li><strong>Built for Metaverse Integration</strong> – Run games directly inside virtual worlds, arcades, and social spaces</li>
+  <li><strong>Developer-Friendly API</strong> – Create games with simple JavaScript—no complex toolchains required</li>
+</ul>
+<h3>Why We Built This</h3>
+<p>At <a href="https://www.starcade9.io/">Starcade9</a>, we believe gaming should be social, accessible, and dripping with style. The metaverse needs more than static art galleries and virtual land speculation—it needs <em>actual games</em> that people want to play.</p>
+<p>Nova64 is our answer. A virtual console that runs anywhere JavaScript runs, looks like the games we grew up playing, and plugs directly into metaverse environments.</p>
+<h3>The Starcade9 Ecosystem</h3>
+<p>Nova64 is part of a larger vision:</p>
+<ul>
+  <li><strong><a href="https://www.starcade9.io/">Starcade9</a></strong> – The Metaverse Arcade. Our flagship destination for virtual gaming experiences.</li>
+  <li><strong><a href="https://retrogameprices.com/">RetroGamePrices.com</a></strong> – Our affiliated site tracking retro game valuations. Know what your collection is worth.</li>
+  <li><strong>Nova64</strong> – The engine that powers it all. Open, extensible, and built for the future.</li>
+</ul>
+<h3>What's Next</h3>
+<p>We're actively developing Nova64 with new features dropping regularly:</p>
+<ul>
+  <li>Voxel engine for Minecraft-style worlds</li>
+  <li>Physics system for realistic gameplay</li>
+  <li>UI framework for menus and HUDs</li>
+  <li>Skybox and effects systems for atmosphere</li>
+  <li>Full gamepad support</li>
+</ul>
+<p>Stay tuned. The arcade is just getting started.</p>
+<p><strong>— The Starcade9 Team</strong></p>
+  </div>
+</div>
+<hr>
+<!-- ============================================================ -->
+<!-- BLOG POST 2: DEVELOPER ANNOUNCEMENT -->
+<!-- ============================================================ -->
+<div class="blog-post">
+  <button class="copy-btn" onclick="copyContent('post2')">📋 Copy HTML</button>
+  <div id="post2">
+<h2>Nova64 Developer Preview: Build Games for the Metaverse</h2>
+<p><strong>A Starcade9 Creation</strong></p>
+<p>Calling all game developers, pixel artists, and retro enthusiasts. Nova64 is open for development.</p>
+<h3>Create Games in Minutes</h3>
+<p>Nova64's API is designed for speed. No massive game engines. No steep learning curves. Just JavaScript and creativity.</p>
+<pre><code>// Create a spinning cube in 3 lines
+const cube = createCube(2, 0xff0000, [0, 0, 0]);
+export function update(dt) {
+  rotateMesh(cube, 0, dt, 0);
+}
+export function draw() {
+  // Rendering handled automatically
+}</code></pre>
+<h3>Features for Developers</h3>
+<ul>
+  <li><strong>35+ API Functions</strong> – Primitives, cameras, lighting, fog, materials, and more</li>
+  <li><strong>Advanced Materials</strong> – Holographic, metallic, and emissive surfaces</li>
+  <li><strong>Screen Management</strong> – Built-in state machine for menus, gameplay, and game over screens</li>
+  <li><strong>Input System</strong> – Keyboard, mouse, and gamepad support out of the box</li>
+  <li><strong>2D Overlay System</strong> – Draw HUDs and UI elements over your 3D scenes</li>
+  <li><strong>Hot Reloading</strong> – See changes instantly during development</li>
+</ul>
+<h3>Example Games Included</h3>
+<p>Nova64 ships with playable demos:</p>
+<ul>
+  <li><strong>Star Fox Nova</strong> – Space combat shooter</li>
+  <li><strong>F-Zero Nova</strong> – High-speed racing</li>
+  <li><strong>Super Plumber 64</strong> – 3D platformer</li>
+  <li><strong>Minecraft Demo</strong> – Voxel world sandbox</li>
+  <li><strong>Cyberpunk City</strong> – Open world exploration</li>
+</ul>
+<h3>Get Started</h3>
+<p>Clone the repo, run <code>pnpm dev</code>, and start building. Full documentation available at our docs site.</p>
+<p>Your game could be the next title in <a href="https://www.starcade9.io/">The Metaverse Arcade</a>.</p>
+<p><strong>— The Starcade9 Team</strong></p>
+  </div>
+</div>
+<hr>
+<!-- ============================================================ -->
+<!-- BLOG POST 3: TECH DEEP DIVE -->
+<!-- ============================================================ -->
+<div class="blog-post">
+  <button class="copy-btn" onclick="copyContent('post3')">📋 Copy HTML</button>
+  <div id="post3">
+<h2>Inside Nova64: The Tech Behind The Metaverse Arcade</h2>
+<p><strong>A Starcade9 Creation</strong></p>
+<p>Nova64 isn't just another game engine. It's a purpose-built virtual console designed for a specific aesthetic and a specific future: the metaverse.</p>
+<h3>The Stack</h3>
+<ul>
+  <li><strong>Three.js 0.182.0</strong> – Latest version of the industry-standard WebGL library</li>
+  <li><strong>Vite</strong> – Lightning-fast development server with hot module replacement</li>
+  <li><strong>ES6 Modules</strong> – Modern JavaScript throughout</li>
+  <li><strong>Zero Dependencies</strong> – Just Three.js and you're running</li>
+</ul>
+<h3>N64/PS1 Aesthetic</h3>
+<p>We deliberately recreate the visual quirks of 5th generation consoles:</p>
+<ul>
+  <li><strong>Low-Poly Models</strong> – Clean geometric shapes with minimal polygons</li>
+  <li><strong>Vertex Snapping</strong> – That signature "wobble" on moving geometry</li>
+  <li><strong>Limited Color Palette</strong> – Vibrant but constrained like the classics</li>
+  <li><strong>Draw Distance Fog</strong> – Hide the horizon, create atmosphere</li>
+  <li><strong>Nearest-Neighbor Filtering</strong> – Crisp pixel textures, no blur</li>
+</ul>
+<h3>Metaverse-Ready Architecture</h3>
+<p>Nova64 runs anywhere JavaScript runs:</p>
+<ul>
+  <li>Embed in web-based metaverse platforms</li>
+  <li>Run in VR/AR headset browsers</li>
+  <li>Deploy to any static hosting</li>
+  <li>Integrate with Web3 and NFT systems</li>
+</ul>
+<h3>Performance First</h3>
+<p>We've optimized for smooth gameplay on modest hardware:</p>
+<ul>
+  <li>Efficient scene management</li>
+  <li>Smart asset loading</li>
+  <li>Batched rendering calls</li>
+  <li>Minimal garbage collection pressure</li>
+</ul>
+<h3>Join the Revolution</h3>
+<p>The metaverse doesn't need another social platform. It needs games. Real games. Games that feel like the ones we grew up loving.</p>
+<p><a href="https://www.starcade9.io/">Starcade9</a> is building that future. Nova64 is the engine.</p>
+<p><strong>— The Starcade9 Team</strong></p>
+  </div>
+</div>
+<hr>
+<!-- ============================================================ -->
+<!-- BLOG POST 4: RETROGAMEPRICES INTEGRATION -->
+<!-- ============================================================ -->
+<div class="blog-post">
+  <button class="copy-btn" onclick="copyContent('post4')">📋 Copy HTML</button>
+  <div id="post4">
+<h2>Retro Gaming Meets the Metaverse: Our Vision</h2>
+<p><strong>A Starcade9 Creation</strong></p>
+<p>Two worlds. One passion.</p>
+<h3>The Physical: RetroGamePrices.com</h3>
+<p>At <a href="https://retrogameprices.com/">RetroGamePrices.com</a>, we track the real-world value of retro video games. Collectors use our platform to understand market trends, verify authenticity, and make informed decisions about their physical collections.</p>
+<p>It's the definitive resource for knowing what your games are worth.</p>
+<h3>The Virtual: Starcade9 + Nova64</h3>
+<p>But physical games have limits. Cartridges degrade. Consoles fail. Prices soar beyond reach.</p>
+<p>That's where <a href="https://www.starcade9.io/">Starcade9</a> comes in. We're preserving the <em>experience</em> of retro gaming—not just the ROMs, but the feeling. The aesthetic. The joy of discovering a new game in an arcade.</p>
+<p>Nova64 is our virtual console. It doesn't emulate old games—it enables new ones built in the same spirit.</p>
+<h3>The Bridge</h3>
+<p>Imagine this future:</p>
+<ul>
+  <li>Own a rare physical game? Verify it on RetroGamePrices</li>
+  <li>Play its spiritual successor in the Starcade9 metaverse arcade</li>
+  <li>Connect with collectors and players who share your passion</li>
+  <li>Support developers creating new retro-styled experiences</li>
+</ul>
+<p>Physical and virtual. Collectible and playable. Past and future.</p>
+<h3>This Is Starcade9</h3>
+<p>The Metaverse Arcade isn't just a destination. It's a movement. Join us.</p>
+<p><strong>— The Starcade9 Team</strong></p>
+  </div>
+</div>
+<hr>
+<script>
+function copyContent(id) {
+  const content = document.getElementById(id).innerHTML;
+  navigator.clipboard.writeText(content).then(() => {
+    alert('HTML copied to clipboard! Paste directly into Ghost.');
+  });
+}
+</script>
+</body>
+</html>

package/dist/docs/collision.html ADDED Viewed

@@ -0,0 +1,316 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Collision Detection - Nova64 Documentation</title>
+    <style>
+        :root {
+            --bg-primary: #0f1115;
+            --bg-secondary: #151822;
+            --bg-tertiary: #1a1d2e;
+            --text-primary: #dcdfe4;
+            --text-secondary: #99a1b3;
+            --accent-cyan: #00ffff;
+            --accent-magenta: #ff0080;
+            --accent-yellow: #ffff00;
+            --border: #2a324a;
+            --code-bg: #1a1d2e;
+        }
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background: linear-gradient(135deg, var(--bg-primary) 0%, #1a1625 50%, var(--bg-primary) 100%);
+            background-attachment: fixed;
+            color: var(--text-primary);
+            line-height: 1.6;
+        }
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+        header {
+            background: var(--bg-secondary);
+            border: 2px solid var(--accent-cyan);
+            border-radius: 12px;
+            padding: 30px;
+            margin-bottom: 30px;
+            box-shadow: 0 0 30px rgba(0, 255, 255, 0.3);
+        }
+        h1 {
+            color: var(--accent-cyan);
+            font-size: 2.5em;
+            text-shadow: 0 0 20px rgba(0, 255, 255, 0.6);
+            margin-bottom: 10px;
+        }
+        .back-link {
+            display: inline-block;
+            color: var(--accent-cyan);
+            text-decoration: none;
+            margin-bottom: 15px;
+            transition: color 0.3s ease;
+        }
+        .back-link:hover {
+            color: #33ffff;
+            text-decoration: underline;
+        }
+        .subtitle {
+            color: var(--text-secondary);
+            font-size: 1.1em;
+        }
+        section {
+            background: var(--bg-secondary);
+            border-left: 4px solid var(--accent-cyan);
+            padding: 25px;
+            margin-bottom: 30px;
+            border-radius: 8px;
+        }
+        h2 {
+            color: var(--accent-magenta);
+            font-size: 2em;
+            margin-bottom: 15px;
+            text-shadow: 0 0 10px rgba(255, 0, 128, 0.5);
+        }
+        h3 {
+            color: var(--accent-cyan);
+            font-size: 1.4em;
+            margin: 25px 0 15px 0;
+        }
+        .function {
+            background: var(--bg-tertiary);
+            border: 1px solid var(--border);
+            border-radius: 8px;
+            padding: 20px;
+            margin-bottom: 25px;
+        }
+        .function-sig {
+            font-family: 'Courier New', Courier, monospace;
+            font-size: 1.2em;
+            color: var(--accent-yellow);
+            margin-bottom: 15px;
+            padding: 10px;
+            background: var(--code-bg);
+            border-radius: 4px;
+            border-left: 3px solid var(--accent-yellow);
+        }
+        .param-list, .return-info {
+            margin: 15px 0;
+        }
+        .param {
+            padding: 8px 0;
+            border-bottom: 1px solid var(--border);
+        }
+        .param:last-child {
+            border-bottom: none;
+        }
+        .param-name {
+            color: var(--accent-cyan);
+            font-weight: bold;
+            font-family: 'Courier New', Courier, monospace;
+        }
+        .param-type {
+            color: var(--accent-magenta);
+            font-style: italic;
+            font-size: 0.9em;
+        }
+        .example {
+            background: var(--code-bg);
+            border: 1px solid var(--border);
+            border-radius: 8px;
+            padding: 20px;
+            margin: 15px 0;
+            overflow-x: auto;
+        }
+        .example-title {
+            color: var(--accent-yellow);
+            font-weight: bold;
+            margin-bottom: 10px;
+        }
+        pre {
+            margin: 0;
+            font-family: 'Courier New', Courier, monospace;
+            line-height: 1.5;
+        }
+        code {
+            color: var(--text-primary);
+        }
+        .note {
+            background: var(--bg-tertiary);
+            border-left: 4px solid var(--accent-yellow);
+            padding: 15px;
+            margin: 15px 0;
+            border-radius: 4px;
+        }
+        .note-title {
+            color: var(--accent-yellow);
+            font-weight: bold;
+            margin-bottom: 10px;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin: 15px 0;
+        }
+        th, td {
+            padding: 12px;
+            text-align: left;
+            border: 1px solid var(--border);
+        }
+        th {
+            background: var(--bg-tertiary);
+            color: var(--accent-cyan);
+            font-weight: bold;
+        }
+        tr:nth-child(even) {
+            background: var(--bg-tertiary);
+        }
+        footer {
+            text-align: center;
+            padding: 30px 20px;
+            color: var(--text-secondary);
+            border-top: 1px solid var(--border);
+            margin-top: 40px;
+        }
+        ul {
+            margin-left: 20px;
+            margin-top: 10px;
+        }
+        li {
+            margin: 5px 0;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <a href="index.html" class="back-link">← Back to Documentation Index</a>
+        <header>
+            <h1>💥 Collision Detection</h1>
+            <p class="subtitle">AABB, circle, and tilemap collision detection utilities</p>
+        </header>
+      <section>
+        <h2>📋 Overview</h2>
+        <p>The Collision Detection system provides fast and accurate collision checking for boxes (AABB), circles, and tile-based maps.</p>
+        <div class="note">
+          <div class="note-title">💡 Collision Types</div>
+          <ul><li><strong>AABB</strong> - Axis-Aligned Bounding Box (rectangles)</li><li><strong>Circle</strong> - Circular collision detection</li><li><strong>Tilemap</strong> - Grid-based collision for platformers</li><li><strong>Raycasting</strong> - Line-of-sight checks</li></ul>
+        </div>
+      </section>
+      <section>
+        <h2>💥 Collision Functions</h2>
+        <div class="function">
+          <div class="function-sig">checkAABB(box1, box2)</div>
+          <p>Checks if two axis-aligned boxes overlap.</p>
+          <div class="param-list">
+              <div class="param">
+                <span class="param-name">box1</span>
+                <span class="param-type">object {x, y, width, height}</span> - First box
+              </div>
+              <div class="param">
+                <span class="param-name">box2</span>
+                <span class="param-type">object {x, y, width, height}</span> - Second box
+              </div>
+          </div>
+          <div class="return-info">
+            <strong>Returns:</strong> <span class="param-type">boolean</span> - true if boxes overlap
+          </div>
+          <div class="example">
+            <div class="example-title">Example:</div>
+            <pre><code>if (checkAABB(player, enemy)) { /* collision! */ }</code></pre>
+          </div>
+        </div>
+        <div class="function">
+          <div class="function-sig">checkCircle(circle1, circle2)</div>
+          <p>Checks if two circles overlap.</p>
+          <div class="param-list">
+              <div class="param">
+                <span class="param-name">circle1</span>
+                <span class="param-type">object {x, y, radius}</span> - First circle
+              </div>
+              <div class="param">
+                <span class="param-name">circle2</span>
+                <span class="param-type">object {x, y, radius}</span> - Second circle
+              </div>
+          </div>
+          <div class="return-info">
+            <strong>Returns:</strong> <span class="param-type">boolean</span> - true if circles overlap
+          </div>
+          <div class="example">
+            <div class="example-title">Example:</div>
+            <pre><code>if (checkCircle(ball, hole)) { /* scored! */ }</code></pre>
+          </div>
+        </div>
+      </section>
+        <footer>
+            <p>Nova64 Fantasy Console © 2025 | <a href="index.html" style="color: var(--accent-cyan);">Back to Documentation</a></p>
+        </footer>
+    </div>
+</body>
+</html>