Files
the-nexus/index.html
Alexander Whitestone dc1994a1b8
Some checks failed
CI / validate (pull_request) Has been cancelled
feat: add animated energy shields around Batcave terminal (#112)
- Build full Three.js 0.183 scene: camera, lighting, star field, floor grid
- Create Batcave terminal: raised platform, desk, main + side monitors with
  flickering screen materials and point lights, keyboard, corner pillars
- Add three-layer shader-based energy shield domes with:
  - Custom GLSL hex-grid pattern, Fresnel rim effect, scan-line and ripple fx
  - AdditiveBlending + DoubleSide transparency for holographic look
  - Per-shield breathing/scale pulse keyed off uTime uniform
- Add three equatorial torus rings that pulse opacity and scale
- Add glowing energy columns on each corner pillar with PointLights
- Wire up OrbitControls, resize handler, WebSocket client

Fixes #112
2026-03-23 23:59:22 -04:00

44 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Timmy's Nexus</title>
<meta name="description" content="A sovereign 3D world">
<meta property="og:title" content="Timmy's Nexus">
<meta property="og:description" content="A sovereign 3D world">
<meta property="og:image" content="https://example.com/og-image.png">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Timmy's Nexus">
<meta name="twitter:description" content="A sovereign 3D world">
<meta name="twitter:image" content="https://example.com/og-image.png">
<link rel="manifest" href="/manifest.json">
<link rel="stylesheet" href="style.css">
<script type="importmap">
{
"imports": {
"three": "https://cdn.jsdelivr.net/npm/three@0.183.0/build/three.module.js",
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.183.0/examples/jsm/"
}
}
</script>
</head>
<body>
<!-- Three.js canvas is injected by app.js -->
<!-- HUD: top-right audio toggle -->
<div id="audio-control" style="position:fixed;top:8px;right:8px;z-index:10;">
<button id="audio-toggle" class="hud-btn" aria-label="Toggle ambient sound">🔊</button>
<audio id="ambient-sound" src="ambient.mp3" loop></audio>
</div>
<!-- HUD: bottom-left label -->
<div id="location-label" style="position:fixed;bottom:16px;left:16px;z-index:10;font-family:monospace;font-size:13px;color:#4af0c0;opacity:0.8;pointer-events:none;">
Batcave Terminal — Nexus Core
</div>
<script type="module" src="app.js"></script>
</body>
</html>