128e24a7cb
- web: all URLs relative (imports ./web/..., fetches assets/...) so the app serves at / locally and under /scenegod/ behind nginx; esc() on dock innerHTML interpolations (ship-check XSS class) - server: capped_body on every POST (scenes 5MB, frames 25MB, meta/director 256KB-1MB), render begin sanity (fps<=60, dims<=4096, frame idx<=20000) - deploy/: Dockerfile (slim+ffmpeg), compose (project 'scenegod' — avoids the shared-'deploy'-project orphan trap with meshgod), nginx location (suite basic-auth), deploy.sh (rsync model, meshgod-style) - live: digalot.fyi/scenegod/ -> 401 unauthed, app healthy on dealgod_default Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
68 lines
2.3 KiB
HTML
68 lines
2.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>SCENEGOD — machinima stage</title>
|
|
<link rel="stylesheet" href="web/style.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>🎬 SCENEGOD</h1><span class="tag">machinima stage</span>
|
|
<span id="selftest"></span>
|
|
</header>
|
|
<div id="direct"></div>
|
|
<div id="app">
|
|
<aside id="dock"></aside>
|
|
<div id="view"></div>
|
|
<aside id="inspector"><div class="empty">nothing selected</div></aside>
|
|
<div id="timeline"><div class="empty">timeline — Lane B mounts here</div></div>
|
|
</div>
|
|
<script type="importmap">
|
|
{ "imports": {
|
|
"three": "https://unpkg.com/three@0.160.0/build/three.module.js",
|
|
"three/addons/": "https://unpkg.com/three@0.160.0/examples/jsm/"
|
|
}}
|
|
</script>
|
|
<script type="module">
|
|
import { Stage } from './web/stage.js';
|
|
import { Dock } from './web/dock.js';
|
|
|
|
// retarget self-check (?selftest=1) — proves the crown-jewel bake before anything else
|
|
if(new URLSearchParams(location.search).has('selftest')){
|
|
const { _selftest } = await import('./web/room3d.js');
|
|
const r = _selftest();
|
|
const el = document.getElementById('selftest');
|
|
el.textContent = `selftest: ${r.ok ? 'PASS' : 'FAIL'} (maxErr=${r.maxErr.toExponential(2)})`;
|
|
el.className = r.ok ? 'ok' : 'bad';
|
|
console.log('[room3d selftest]', r);
|
|
}
|
|
|
|
const stage = new Stage(document.getElementById('view'));
|
|
const dock = new Dock({
|
|
stage,
|
|
dockEl: document.getElementById('dock'),
|
|
inspectorEl: document.getElementById('inspector'),
|
|
viewEl: document.getElementById('view'),
|
|
});
|
|
|
|
// DIRECT panel (M5 director mode) — guarded like the timeline: page survives its absence
|
|
try {
|
|
const { mountDirectPanel } = await import('./web/presets.js');
|
|
mountDirectPanel(stage, document.getElementById('direct'));
|
|
} catch(e){ console.warn('direct panel not mounted:', e); }
|
|
|
|
// Timeline is optional — the page must never break when Lane B's file is absent
|
|
try {
|
|
const { Timeline } = await import('./web/timeline.js');
|
|
const { TimelineUI } = await import('./web/tlui.js');
|
|
window.timeline = new Timeline(stage);
|
|
window.tlui = new TimelineUI(window.timeline, document.getElementById('timeline'));
|
|
stage.setMixerAuto(false); // timeline owns mixer stepping from here on
|
|
} catch(e){ console.warn('timeline not mounted:', e); }
|
|
|
|
window.stage = stage; window.dock = dock;
|
|
</script>
|
|
</body>
|
|
</html>
|