Lane A: bone-alias layer so CC_Base_*/Unreal-HumanIK/Rigify/Rokoko/Biped rigs fold onto the canonical mixamo names — lady.glb pairs 52/102 bones and retargets (53 tracks) where she previously threw 'missing hips'; mixamo→mixamo pairing asserted bit-identical. Backdrops gain frustum auto-fit, floor tint sampled from the plate, and FogExp2 in the plate's colour via a keyable param. Also caught: _buildLight ran _refreshDefaults before registration, so scene lights never dimmed the built-in hemi (every preset was washed out). Orchestrator SYNC-7 fixes (found only by rendering actual frames): - editor chrome (gizmo/grid/helpers/cam proxies) was baked into output mp4s - timeline's per-tick rest transform dragged fitted plates out of frame - fit used the viewport aspect, output renders at its own → letterboxed plates - plate offset put its top edge on the lens axis → void above centre-frame; now params.fitAnchor (default 0.75) picks the row that sits at eye level Verified: 5 suites green; 1280x720 render shows a CC character dancing a mixamo clip against an edge-to-edge Flow plate with a horizon and matched ground. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
71 lines
2.7 KiB
HTML
71 lines
2.7 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, canon } = await import('./web/room3d.js');
|
|
const r = _selftest();
|
|
// M7 bone aliasing: non-mixamo rigs must fold onto the canonical names (node: room3d_test.mjs)
|
|
const alias = canon('CC_Base_Hip_02') === 'hips' && canon('CC_Base_L_Upperarm_050') === 'leftarm'
|
|
&& canon('upperarm_l') === 'leftarm' && canon('mixamorig4:LeftHand') === 'lefthand';
|
|
const el = document.getElementById('selftest');
|
|
el.textContent = `selftest: ${r.ok && alias ? 'PASS' : 'FAIL'} (maxErr=${r.maxErr.toExponential(2)}, alias ${alias ? 'ok' : 'BAD'})`;
|
|
el.className = r.ok && alias ? 'ok' : 'bad';
|
|
console.log('[room3d selftest]', r, 'alias', alias);
|
|
}
|
|
|
|
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>
|