https://excdvtcdshcu4.ok.kimi.link/

1<!DOCTYPE html><html lang="en"><head>
2<meta charset="utf-8"/>
3<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"/>
4<meta name="theme-color" content="#000000"/>
5<link rel="icon" href="data:,"/>
6<title>GARGANTUA — Schwarzschild Black Hole Raytracer</title>
7<link rel="stylesheet" href="css/style.css"/>

8<script type="importmap">
9{
10  "imports": {
11    "three": "./vendor/three.module.js",
12    "three/addons/": "./vendor/jsm/"
13  }
14}
15</script>

15

16<script src="https://www.kimi.com/sdk-seed.js" defer="" data-kimi-disable-watermark="false" data-kimi-analytics="true" data-kimi-website-id="1a037694-6292-861c-8000-00002b773f51" data-kimi-website-env="published"></script>

16</head>
17<body>
18<canvas id="view" aria-label="Real-time Schwarzschild black hole raytracer"></canvas>
19
20<div id="fx" aria-hidden="true"></div>
21
22<div id="hud">
23  <div class="corner tl" aria-hidden="true"></div>
24  <div class="corner tr" aria-hidden="true"></div>
25  <div class="corner bl" aria-hidden="true"></div>
26  <div class="corner br" aria-hidden="true"></div>
27
28  <header class="title-block">
29    <h1 class="title">GARGANTUA</h1>
30    <div class="subtitle">SUPERMASSIVE BLACK HOLE · 1.0 × 10⁸ M☉</div>
31    <div class="tag">SCHWARZSCHILD METRIC // NULL-GEODESIC RAYTRACING</div>
32  </header>
33
34  <div class="mission">
35    <div class="mission-label">MISSION ELAPSED</div>
36    <div class="mission-clock" id="mClock">00:00:00</div>
37  </div>
38
39  <div class="telemetry" role="status" aria-label="Observer telemetry">
40    <div class="trow"><span class="tlabel">OBSERVER DISTANCE</span><span class="tval" id="tDist">—</span></div>
41    <div class="trow"><span class="tlabel">DISK INCLINATION</span><span class="tval" id="tIncl">—</span></div>
42    <div class="trow"><span class="tlabel">GEODESIC STEPS</span><span class="tval" id="tSteps">—</span></div>
43    <div class="trow"><span class="tlabel">RENDER PROFILE</span><span class="tval" id="tProfile">—</span></div>
44    <div class="trow"><span class="tlabel">FRAME RATE</span><span class="tval" id="tFps">—</span></div>
45  </div>
46
47  <div id="toast" role="alert"></div>
48
49  <nav class="deck" id="deck" aria-label="Flight deck">
50    <div class="deck-title" id="deckTitle">CINEMATIC SEQUENCE</div>
51    <button class="btn wide active" id="btnCine" aria-pressed="true">CINEMATIC</button>
52    <div class="grid2">
53      <button class="btn" data-preset="poster">POSTER</button>
54      <button class="btn" data-preset="edge">EDGE</button>
55      <button class="btn" data-preset="polar">POLAR</button>
56      <button class="btn" data-preset="close">CLOSE</button>
57    </div>
58    <div class="grid4">
59      <button class="btn" id="btnAuto" aria-pressed="false">AUTO</button>
60      <button class="btn" id="btnQuality">CINEMATIC</button>
61      <button class="btn" id="btnParams" aria-pressed="false">PARAMS</button>
62      <button class="btn active" id="btnHud" aria-pressed="true">HUD</button>
63    </div>
64    <button class="btn wide" id="btnSound" aria-pressed="false">🔇 SOUND: OFF</button>
65    <div class="deck-hint">1-4 VIEWS · C CINE · R ORBIT · P PARAMS · M SOUND · H HUD</div>
66  </nav>
67
68  <div id="hint" aria-hidden="true">DRAG ORBIT · SCROLL/PINCH ZOOM · C CINEMATIC · M SOUND · 1-4 VIEWS · P PARAMS · H HUD</div>
69</div>
70
71<div id="params" class="hidden" role="dialog" aria-label="Raytracing parameters">
72  <div class="params-head">
73    <span>PARAMETERS</span>
74    <button class="btn" id="btnReset">RESET</button>
75  </div>
76  <div class="params-body" id="paramsBody"></div>
77</div>
78
79<div id="intro" aria-hidden="true">
80  <div class="intro-card">
81    <div class="intro-kicker">REAL-TIME RELATIVISTIC RAYTRACING</div>
82    <div class="intro-title">GARGANTUA</div>
83    <div class="intro-quote">“Do not go gentle into that good night.”</div>
84  </div>
85</div>
86
87<div id="fatal" hidden="">
88  <div class="fatal-card" role="alertdialog" aria-labelledby="fatalTitle">
89    <div class="fatal-kicker">MISSION ANOMALY</div>
90    <div class="fatal-title" id="fatalTitle">SIGNAL LOST</div>
91    <div class="fatal-msg" id="fatalMsg"></div>
92    <div class="fatal-actions">
93      <button class="btn" id="fatalRetry">REINITIALISE</button>
94      <button class="btn" id="fatalLower">LOWER QUALITY</button>
95    </div>
96  </div>
97</div>
98

99<script type="module" src="js/main.js"></script>

99
100
101
102</body></html>