index.html

<!doctype html>
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>DBZSim · Beyond the horizon</title><meta name="description" content="A procedural GPU flying world: island cities, forests and a spectral ocean."><link rel="icon" href="data:,"><link rel="stylesheet" href="style.css"></head>
<body>
<canvas id="view" aria-label="Flying world. Drag to look. WASD to fly. Shift to boost."></canvas>
<header class="hud"><a class="brand" href="./"><span class="emblem">悟</span><div>DBZ<span>SIM</span><small>BEYOND THE HORIZON</small></div></a><nav><span class="live"></span> FREE FLIGHT <span class="separator">/</span> <span id="fps">COMPILING</span><button id="settings" title="World settings">World settings ☷</button><button id="hide" title="Hide interface">H ↗</button></nav></header>
<main class="hud"><div class="eyebrow">01 / THE OPEN SKY</div><h1>A world without<br><em>limits.</em></h1><p>Cross the highlands. Skim the ocean.<br>Leave the horizon behind.</p><div class="readout"><span id="position">NAMEK / 48 KM HORIZON</span><span id="altitude">ALTITUDE 210 M</span></div></main>
<section class="destinations hud"><div class="section-label">CHOOSE YOUR HORIZON <span>01 — 04</span></div><div class="views"><button data-view="coast" class="selected"><small>01 / CIVILIZATION</small>Island city <span>↗</span></button><button data-view="aerial"><small>02 / EXPLORATION</small>Archipelago <span>↗</span></button><button data-view="shore"><small>03 / WILDERNESS</small>Forest canopy <span>↗</span></button><button data-view="water"><small>04 / OPEN WATER</small>Ocean flight <span>↗</span></button></div><div class="actions"><button id="fly" class="primary">Take flight · F</button><button id="character">Third person · V</button><button id="sail">Cruise →</button></div><small id="flightStatus">DRAG TO LOOK · F FOR MOUSE LOOK</small></section>
<aside class="hud" hidden><div class="panel-heading">WORLD SETTINGS <button id="closeSettings">×</button></div><label for="seed">World seed</label><div class="seed-row"><input id="seed" type="number" min="0" max="2147483647" value="42"><button id="generate">↻</button></div><label for="world">World</label><select id="world"><option value="namek" selected>Namek · highlands and villages</option><option value="earth">Earth · cities and wilderness</option></select><label for="look">Atmosphere</label><select id="look"><option value="coastal">Tropical daylight</option><option value="golden">Golden hour</option><option value="swell">Ocean swell</option></select><label for="quality">Render quality</label><select id="quality"><option value="auto">Adaptive</option><option value="640">Performance · 640</option><option value="960">Balanced · 960</option><option value="1280" selected>High · 1280</option><option value="1920">Ultra · 1920</option></select><label for="wind">Wind <output id="windValue">1.0</output></label><input id="wind" type="range" min=".25" max="2.5" step=".05" value="1"><label for="sun">Sun <output id="sunValue">Daylight</output></label><input id="sun" type="range" min=".12" max="1.5" step=".01" value=".7"><label for="azimuth">Sun direction <output id="azimuthValue"></output></label><input id="azimuth" type="range" min="-180" max="180" value="-40"><div class="control-row"><label for="reflections">Landscape reflections</label><input id="reflections" type="checkbox" checked></div><div class="secondary"><button id="pause">Pause ocean</button><button id="capture">Save image</button></div><details><summary>GPU diagnostics</summary><p>CUDA source → WebGPU compute. Procedural geometry, spectral water, foliage and final pixels run on the GPU.</p><select id="debug"><option value="0">Scene</option><option value="1">Footprint</option><option value="2">Normals</option></select><button id="validate">Run GPU checks</button><pre id="checks"></pre><pre id="timings"></pre></details></aside>
<div class="crosshair hud">+</div><div class="boost-indicator hud"><span id="power">FLIGHT SYSTEM ONLINE</span><div><i id="powerBar"></i></div><small>HOLD SHIFT TO BOOST</small></div>
<footer class="hud"><div><b>W A S D</b> Fly <i>·</i><b>MOUSE</b> Look <i>·</i><b>Q / E</b> Descend / Rise <i>·</i><b>SHIFT</b> Boost <i>·</i><b>V</b> Camera</div><span id="resolution">CUDA / WEBGPU</span></footer>
<div id="loading"><div class="loading-logo">悟</div><div class="eyebrow">DBZSIM / GPU WORLD</div><h2>Building your horizon.</h2><p id="status" role="status">Preparing CUDA kernels…</p><div class="load-line"></div></div><div id="toast" role="status"></div><button id="restore" hidden>Show interface · H</button>
<a class="fan-notice hud" href="legal.html">Unofficial fan project · © Bird Studio/Shueisha, Toei Animation · Credits &amp; licence</a>
<script type="module" src="src/app.js"></script></body></html>