// KOKUIN — NEORT JavaScript tab // Generated from KOKUIN_DEPLOY_RC1.zip. Large assets remain on AWS Amplify. (async () => { const ASSET_BASE = 'https://production.d235rzikm185zz.amplifyapp.com/'; const THREE = await import('https://esm.sh/three@0.165.0'); const { GLTFLoader } = await import('https://esm.sh/three@0.165.0/examples/jsm/loaders/GLTFLoader.js'); const { DRACOLoader } = await import('https://esm.sh/three@0.165.0/examples/jsm/loaders/DRACOLoader.js'); const { RoomEnvironment } = await import('https://esm.sh/three@0.165.0/examples/jsm/environments/RoomEnvironment.js'); const createEnvelopeMarch = (() => { // ★ AUTO-GENERATED 2026-07-20 from addresslist.txt (final). Synchronous in-memory address data — no runtime fetch. // Order mirrors addresslist.txt exactly; DUPEONE is intentionally LAST (never the hero/first envelope). const ADDRESS_LIST = [ { name: "Emi S.", street: "2-6-4 Toki-no-Akari", city: "Kanazawa, Japan" }, { name: "Kenta M.", street: "7 Kioku-no-Sazanami", city: "Kamakura, Japan" }, { name: "Ayaka F.", street: "3-9-1 Tsuki-no-Kairo", city: "Aomori, Japan" }, { name: "Junpei N.", street: "5 Toki-no-Kakera", city: "Himeji, Japan" }, { name: "Rin T.", street: "8-4-2 Kiri-no-Komichi", city: "Koyasan, Japan" }, { name: "Masato H.", street: "1 Yoin-no-Michi", city: "Kanazawa, Japan" }, { name: "Nozomi K.", street: "6-3-8 Toki-no-Hotori", city: "Lake Biwa, Japan" }, { name: "Kei A.", street: "4 Kioku-no-Akari", city: "Kumamoto, Japan" }, { name: "Misaki O.", street: "9-2-5 Kaze-no-Kairo", city: "Nagasaki, Japan" }, { name: "Yuta I.", street: "7 Eien-no-Roji", city: "Matsuyama, Japan" }, { name: "Mii Y", street: "7 Akatsuki-no-Uta", city: "Kamakura, Japan" }, { name: "Masataka F", street: "231 Toki-no-Kairo", city: "Ageo, Japan" }, { name: "Yoshiko Y", street: "8 Sunadokei-dori", city: "Tokyo, Japan" }, { name: "Pickles F", street: "4 Hasu-no-Hotori", city: "Tokyo, Japan" }, { name: "Orimi Y", street: "3 Toki-no-Yohaku", city: "Otaru, Japan" }, { name: "Rieko A", street: "88 Toransu Sentoraru Dōri", city: "Tokyo, Japan" }, { name: "Aira E", street: "2-11-12 Yuki-no-Komichi", city: "Niseko, Japan" }, { name: "Mike N", street: "#9 Toki-no-Rosha", city: "Tokyo, Japan" }, { name: "Aki K", street: "5 Hikari-no-Michi", city: "Hakodate, Japan" }, { name: "Shinji I", street: "12 Kaihyō-no-Michi", city: "Kanagawa, Japan" }, { name: "Rai Z", street: "4-7-3 Kumo-no-Kairo", city: "Zao Onsen, Japan" }, { name: "Keiko N", street: "2 Eien-no-Michi", city: "Tokyo, Japan" }, { name: "Junko O", street: "12 Engraver's Path", city: "Seattle, USA" }, { name: "Yori K", street: "2 Kioku-no-Hashi", city: "Sendai, Japan" }, { name: "Ayuko N", street: "27 Kioku-no-Tobira", city: "Tokyo, Japan" }, { name: "Takahiro Y", street: "4 Kage-no-Michi", city: "Mito, Japan" }, { name: "Akiyo M", street: "953 Memory Passage", city: "New York, USA" }, { name: "Saito M", street: "88 Kokoro-no-Kanata", city: "Tokyo, Japan" }, { name: "Hayato K", street: "9 Sazanami-no-Roji", city: "Tsukuba, Japan" }, { name: "Dai C", street: "227 Toki-no-Niwa", city: "Tokyo, Japan" }, { name: "Renji S", street: "1-8 Shijima-no-Michi", city: "Kusatsu, Japan" }, { name: "Moriyuki I", street: "34 Toki-no-Kiseki", city: "Kamakura, Japan" }, { name: "Kaito T", street: "7 Toki-no-Kanata", city: "Karuizawa, Japan" }, { name: "Mieko I", street: "12 Kioku-no-Kiseki", city: "Kanagawa, Japan" }, { name: "Kazuki N", street: "3-5-1 Kaze-no-Komichi", city: "Nagano, Japan" }, { name: "Emi T", street: "1369 Toki-no-Yoin", city: "Tokyo, Japan" }, { name: "Shouta M", street: "8 Toki-no-Kairo", city: "Matsumoto, Japan" }, { name: "Takayuki H", street: "10 Ugoki-no-Toki", city: "Tokyo, Japan" }, { name: "Jie-Ling L", street: "88 Interval Lane", city: "New York, USA" }, { name: "Souta L", street: "2-4 Kokuin-dori", city: "Nagoya, Japan" }, { name: "Yuichi H", street: "12 Koku-no-Roji", city: "Tokyo, Japan" }, { name: "Arata O", street: "6 Kioku-no-Niwa", city: "Nara, Japan" }, { name: "Midori I", street: "11 Kioku-no-Shashin", city: "Tokyo, Japan" }, { name: "Reiji H", street: "5-10-2 Toki-no-Nagori", city: "Kyoto, Japan" }, { name: "Daichi Y", street: "206 Ito-no-Toki", city: "Tokyo, Japan" }, { name: "Riku A", street: "9 Koma-no-Michi", city: "Osaka, Japan" }, { name: "Naoto S", street: "13 Toki-no-Komichi", city: "Tokyo, Japan" }, { name: "Daiki J", street: "4 Toki-no-Wa", city: "Onomichi, Japan" }, { name: "Keiji I", street: "120 Hikari-no-Kairo", city: "Tokyo, Japan" }, { name: "Rhimou J", street: "777 Spinning Lane", city: "Nevada, USA" }, { name: "Hiroto V", street: "7-3-6 Shiosai-no-Michi", city: "Imabari, Japan" }, { name: "Natsumi T", street: "2135 Kioku-no-Yoin", city: "Numazu, Japan" }, { name: "Yumi T", street: "5 Kioku-no-Hotori", city: "Kurashiki, Japan" }, { name: "Harumi M", street: "1212 Progression Path", city: "New York, USA" }, { name: "Sora W", street: "8-1 Tsuki-no-Roji", city: "Takamatsu, Japan" }, { name: "Ayumi T", street: "543 Minute Blvd", city: "New York, USA" }, { name: "Haruka T", street: "3 Toki-no-Shizuku", city: "Beppu, Japan" }, { name: "Wataru W", street: "99 Mu Mu Dōri", city: "Tokyo, Japan" }, { name: "Natsumi R", street: "6-9-4 Eien-no-Kairo", city: "Fukuoka, Japan" }, { name: "Teruyuki Y", street: "12 Toki-no-Kakera", city: "Tokyo, Japan" }, { name: "Akira N", street: "11 Kage-no-Minato", city: "Kagoshima, Japan" }, { name: "Zu B", street: "7 Toki-no-Yohaku", city: "Tokyo, Japan" }, { name: "Elina I", street: "89 Toki-no-Kaori", city: "Tokyo, Japan" }, { name: "Miyuki C", street: "4-2-7 Kioku-no-Mori", city: "Yakushima, Japan" }, { name: "Takuya K", street: "9 Toki-no-Soko", city: "Kyoto, Japan" }, { name: "Chika O", street: "10 Toki-no-Izumi", city: "Kurokawa Onsen, Japan" }, { name: "Emiko M", street: "4 Endless Lane", city: "New York, USA" }, { name: "Izumi V", street: "1-123 Postway Pass", city: "Berlin, Germany" }, { name: "Alecia G", street: "78 Perpetual Way", city: "New Jersey, USA" }, { name: "Hina B", street: "6 Madoromi-no-Michi", city: "Fukui, Japan" }, { name: "Ryota G", street: "14 Toki-no-Sasayaki", city: "Toyama, Japan" }, { name: "David J", street: "46 Constant Road", city: "Nevada, USA" }, { name: "Nanami P", street: "3-7-2 Hoshi-no-Yohaku", city: "Morioka, Japan" }, { name: "Kohei D", street: "21 Kioku-no-Shizuku", city: "Tottori, Japan" }, { name: "Nadia K", street: "58 Center Point", city: "Wisconsin, USA" }, { name: "Asuka U", street: "5 Tasogare-no-Kairo", city: "Utsunomiya, Japan" }, { name: "Toma E", street: "8 Meguri-no-Komichi", city: "Shimonoseki, Japan" }, { name: "Saki J", street: "2-9 Niji-no-Kiseki", city: "Kochi, Japan" }, { name: "Itsuki Q", street: "17 Shizuka-no-Toki", city: "Matsue, Japan" }, { name: "Rena X", street: "4 Yoake-no-Roji", city: "Wakayama, Japan" }, { name: "Chiori W", street: "38-45 Syncopated Way", city: "New York, USA" }, { name: "Barb L", street: "17 Perpetual Lane", city: "Wisconsin, USA" }, { name: "DUPEONE", street: "8-8-8 Toki-no-Ma", city: "Kagoshima, Japan" } ]; // ============================================================================ // kokuin_motion.js — KOKUIN envelope march + hero stamper (CAMERA-INDEPENDENT) // ---------------------------------------------------------------------------- // Motion is driven purely by an internal clock into deckRoot / beltRoot LOCAL // space. It reads NO camera, crop mode, controls, or localStorage — so it ports // straight to the final responsive build. glTF drops Blender drivers/actions, so // the indexing-escapement march + slam beat are reproduced here (ported 1:1 from // the proven conveyor_test.html rig, POOL 5 -> 12). // // 12 visual actors are cloned from the 5 baked envelope roots (ENVc_0..4). Faces // repeat (recipients cycle) — dynamic address/stamp canvases are intentionally // NOT built yet; actor fields (recipientIndex / stampIndex / isStamped) are kept // so they can drive dynamic faces later. // // Usage (from viewer.html): // import { createEnvelopeMarch } from './kokuin_motion.js'; // const march = createEnvelopeMarch({ deckRoot, beltRoot }); // ... each frame: march.tick(); // ============================================================================ // ---- beat constants (24 "frames"/sec, matches the Blender rig) -------------- const C = { STRIKE: 23, // frame of die contact within a cycle PERIOD: 72, // frames per slam cycle (one envelope stamped per cycle) POOL: 16, // was 12 — stations the ring wraps through (== actor count -> packed belt); spacing S unchanged S: 2.5, // station spacing (m) along the belt (user-set 2026-07-14; original 2.3) G0: 0.26, // march holds still while frac < G0 (through strike + contact) G1: 0.80, // ...and while frac > G1 (settled before next strike); glides between SPEED: 1.0, // global time scale N: 16, // was 12 — actor count (fills more belt; still packed, 1 per station) // ★ envelope-train framing — MEASURED PO-camera visible belt ≈ station -3.6 … +4.3, so keep BOTH wrap seams // offscreen: envelopes stream in from offscreen-left and out offscreen-right with no popping. // (spacing S, SPEED, PERIOD/STRIKE all untouched — this only widens the ring + shifts its phase.) PHASE: -1, // initial train phase shifted LEFT by exactly one envelope spacing (= S metres) WRAP_MIN: -5, // leftmost station before wrap (offscreen-left; -5,-4 wait offscreen, -3 is first visible) WRAP_MAX: 11, // = WRAP_MIN + POOL — rightmost station before wrap (offscreen-right) alignX: 0, // live X nudge of the whole march line — slide the dwelling envelope under the die (rake/perspective tune) // --- HERO STAMPER beat (all live-tunable via window._march.constants or the setStamper* helpers) --- slamContact: -0.65, // ★ FINAL EXTENDED POSITION — how far down the die drives at the strike (was -0.55; lower = deeper) slamHover: -0.40, // hover/pause height the die pauses at just above contact (before & after the strike) slamHoldEnd: 38, // frame the die HOLDS at full contact until (strike=23 -> ~15f pause). Keep <= ~41 or it drags a moving letter. envDip: 0.01, // ★ envelope COMPRESS — how far the letter under the die dips (deck-local Y) at full contact; springs back on lift }; // which flattened decal meshes belong to each baked letter (viewer.html re-parents // only meshes, so these already sit flat in deckRoot alongside the ENVc_i body). const DECALS = { 0: ['Body__ENVc_0','Name__ENVc_0','Stamp__ENVc_0'], 1: ['Body__ENVc_1','Name__ENVc_1','Stamp__ENVc_1','Cancel__ENVc_1','DTime__ENVc_1','DDate__ENVc_1'], 2: ['Addr_Body','Addr_Name','Stamp_Postage','Postmark_Decal','EnvStamp_Time','EnvStamp_Date'], 3: ['Body__ENVc_3','Name__ENVc_3','Stamp__ENVc_3'], 4: ['Body__ENVc_4','Name__ENVc_4','Stamp__ENVc_4'], }; // ---- march math (indexing escapement) --------------------------------------- const smoothhold = (fr) => { if (fr <= C.G0) return 0; if (fr >= C.G1) return 1; const t = (fr - C.G0) / (C.G1 - C.G0); return t * t * (3 - 2 * t); }; const adv = (f) => { const u = (f - C.STRIKE) / C.PERIOD; const n = Math.floor(u); return n + smoothhold(u - n); }; // station of actor `slot` at frame `f`, wrapped to [WRAP_MIN .. WRAP_MIN+POOL); the far-negative and // far-positive stations sit offscreen (measured), so the wrap/teleport is never seen. 0 = under die. const station = (f, slot) => { const raw = slot + adv(f) + C.PHASE; return (((raw - C.WRAP_MIN) % C.POOL) + C.POOL) % C.POOL + C.WRAP_MIN; }; const frac = (f) => ((((f - C.STRIKE) % C.PERIOD) + C.PERIOD) % C.PERIOD) / C.PERIOD; // postmark visibility: shown once stamped (station > 0), blooms at the strike, hidden while incoming const bloom = (f, slot) => { const st = station(f, slot); if (st > 0.001) return true; if (st < -0.001) return false; return frac(f) < 0.5; }; // ---- slam beat: CTRL_Slam.z fcurve, cyclic every PERIOD, Blender easings ----- function ez(interp, e, t) { if (interp === 'LINEAR') return t; if (interp === 'SINE') { if (e === 'IN') return 1 - Math.cos(t * Math.PI / 2); if (e === 'OUT') return Math.sin(t * Math.PI / 2); return -(Math.cos(Math.PI * t) - 1) / 2; } const p = interp === 'QUART' ? 4 : interp === 'CUBIC' ? 3 : interp === 'QUAD' ? 2 : 1; if (e === 'IN') return Math.pow(t, p); if (e === 'OUT') return 1 - Math.pow(1 - t, p); return t < 0.5 ? Math.pow(2, p - 1) * Math.pow(t, p) : 1 - Math.pow(-2 * t + 2, p) / 2; } // Beat built from live params: rest -> plunge -> hover pause -> CONTACT (slamContact) -> HOLD (to slamHoldEnd) // -> retract -> hover pause -> reset. Depth (slamContact), pause height (slamHover) and hold length (slamHoldEnd) // are all tunable. Strike stays at C.STRIKE so the die/envelope sync is preserved. function slamZ(f) { const fm = (((f % C.PERIOD) + C.PERIOD) % C.PERIOD); const H = C.slamHover, K = C.slamContact, he = C.slamHoldEnd, ST = C.STRIKE, P = C.PERIOD; const SLAM = [ [0, 0.0, 'LINEAR', ''], [4, 0.0, 'QUART', 'IN'], [11, H, 'LINEAR', ''], [19, H, 'QUART', 'IN'], [ST, K, 'LINEAR', ''], [he, K, 'QUART', 'OUT'], [he + 5, H, 'LINEAR', ''], [he + 11, H, 'SINE', 'INOUT'], [P, 0.0, 'LINEAR', ''], ]; for (let k = 0; k < SLAM.length - 1; k++) { const a = SLAM[k], b = SLAM[k + 1]; if (fm >= a[0] && fm <= b[0]) { const t = (b[0] === a[0]) ? 0 : (fm - a[0]) / (b[0] - a[0]); return a[1] + (b[1] - a[1]) * ez(a[2], a[3], t); } } return 0; } // white-key a baked seal texture: drop the white paper background -> transparent, recolor ink (proven in // conveyor_test.html). glTF bakes the raw base-color texture, so the seal plane otherwise renders as a white box. function whiteKey(img, tint) { const s = 512, off = document.createElement('canvas'); off.width = off.height = s; const x = off.getContext('2d'); x.drawImage(img, 0, 0, s, s); const id = x.getImageData(0, 0, s, s), d = id.data; for (let i = 0; i < d.length; i += 4) { const lum = (d[i] + d[i + 1] + d[i + 2]) / 3; if (lum > 222) d[i + 3] = 0; // white paper -> transparent else if (tint) { d[i] = tint[0]; d[i + 1] = tint[1]; d[i + 2] = tint[2]; d[i + 3] = 255; } // ink -> solid tint else d[i + 3] = 255; } x.putImageData(id, 0, 0); return off; } // trim a stamp's background of ANY colour (white OR black) by flood-filling inward from the edges, so every stamp // reads consistently. Only trims when the 4 corners agree (a real border) — full-bleed art is left untouched. function trimBg(img) { const s = 512, off = document.createElement('canvas'); off.width = off.height = s; const x = off.getContext('2d'); x.drawImage(img, 0, 0, s, s); const id = x.getImageData(0, 0, s, s), d = id.data; const corner = (px, py) => { const i = (py * s + px) * 4; return [d[i], d[i + 1], d[i + 2]]; }; const cs = [corner(0, 0), corner(s - 1, 0), corner(0, s - 1), corner(s - 1, s - 1)]; const close = (a, b) => Math.abs(a[0] - b[0]) < 30 && Math.abs(a[1] - b[1]) < 30 && Math.abs(a[2] - b[2]) < 30; if (!(close(cs[0], cs[1]) && close(cs[0], cs[2]) && close(cs[0], cs[3]))) return off; // full-bleed -> leave as-is const bg = cs[0], tol = 44; const near = (i) => Math.abs(d[i] - bg[0]) < tol && Math.abs(d[i + 1] - bg[1]) < tol && Math.abs(d[i + 2] - bg[2]) < tol; const seen = new Uint8Array(s * s), stack = []; const push = (px, py) => { if (px < 0 || py < 0 || px >= s || py >= s) return; const p = py * s + px; if (seen[p]) return; seen[p] = 1; stack.push(p); }; for (let k = 0; k < s; k++) { push(k, 0); push(k, s - 1); push(0, k); push(s - 1, k); } while (stack.length) { const p = stack.pop(), i = p * 4; if (!near(i)) continue; d[i + 3] = 0; const px = p % s, py = (p / s) | 0; push(px + 1, py); push(px - 1, py); push(px, py + 1); push(px, py - 1); } x.putImageData(id, 0, 0); return off; } // ============================================================================ function createEnvelopeMarch({ deckRoot, beltRoot }) { if (!deckRoot || !beltRoot) { console.error('kokuin_motion: deckRoot/beltRoot required'); return null; } // --- build one template per baked letter (body + face decals), hide originals --- const templates = []; for (let i = 0; i < 5; i++) { const body = deckRoot.getObjectByName('ENVc_' + i); if (!body) { console.warn('kokuin_motion: ENVc_' + i + ' body missing'); continue; } const tpl = new THREE.Group(); tpl.name = 'ENV_TPL_' + i; tpl.add(body.clone(true)); // clone preserves deckRoot-local transform const clist = DECALS[i] || []; clist.forEach((n) => { const o = deckRoot.getObjectByName(n); if (!o) return; const c = o.clone(true); if (/^(Cancel__|Postmark_Decal)/.test(o.name)) c.userData.isPostmark = true; tpl.add(c); }); tpl.userData.bodyX = body.position.x; // rest x in deckRoot-local (encodes baked station) tpl.userData.letter = i; templates.push(tpl); body.visible = false; clist.forEach((n) => { const o = deckRoot.getObjectByName(n); if (o) o.visible = false; }); } if (!templates.length) { console.error('kokuin_motion: no envelope templates built'); return null; } const base0 = templates[0].userData.bodyX; // station-0 reference x (ENVc_0 rest, ~-0.65) // --- ensure EVERY template has a postmark (baked letters 0/3/4 shipped without one) --- // Clone the donor's postmark and slide it in X to this letter's face (all letters share Y/Z/rake). { const donorTpl = templates.find((t) => t.children.some((c) => c.userData && c.userData.isPostmark)); const donorPM = donorTpl && donorTpl.children.find((c) => c.userData && c.userData.isPostmark); if (donorPM) { const donorBodyX = donorTpl.userData.bodyX; for (const t of templates) { if (t.children.some((c) => c.userData && c.userData.isPostmark)) continue; const pm = donorPM.clone(true); pm.position.x += (t.userData.bodyX - donorBodyX); // same face-relative spot on this letter pm.userData.isPostmark = true; t.add(pm); } } else { console.warn('kokuin_motion: no donor postmark found — envelopes will have none'); } } // --- N (16) actors cloned from the 5 templates --- const actors = []; for (let slot = 0; slot < C.N; slot++) { const src = slot % templates.length; const g = templates[src].clone(true); g.name = 'ENV_ACTOR_' + slot; deckRoot.add(g); const postmarks = []; let stampMesh = null, nameMesh = null, bodyMesh = null; g.traverse((o) => { if (o.userData && o.userData.isPostmark) postmarks.push(o); if (o.isMesh && /^(Stamp__|Stamp_Postage)/.test(o.name)) stampMesh = o; // postage stamp plane if (o.isMesh && /^(Name__|Addr_Name)/.test(o.name)) nameMesh = o; // baked recipient name if (o.isMesh && /^(Body__|Addr_Body)/.test(o.name)) bodyMesh = o; // baked street/city }); actors.push({ group: g, slot, // fixed ring index (drives station/phase) bodyX: templates[src].userData.bodyX, postmarks, _stamp: stampMesh, // postage plane (material swapped for variety) _nameMesh: nameMesh, _bodyMesh: bodyMesh, // baked address text (hidden once dynamic faces take over) _lapK: 0, // ring-lap counter (forward-only; set per-actor by _stageIntro for the offscreen-left feed) recipientIndex: src, // which recipient this actor currently shows stampIndex: src, // which postage stamp design this actor currently shows isStamped: false, // set true once the actor has passed under the die this pass }); } // collect postmark decals + their base local positions so they can be nudged clear of the address block const _allPostmarks = []; for (const a of actors) for (const p of a.postmarks) _allPostmarks.push({ mesh: p, base: p.position.clone() }); // ★ Seals: give EACH its own canvas = white-keyed seal art + a live-FROZEN datestamp composited in, so every // envelope freezes a different HH:MM/date at ITS OWN strike. glTF baked the raw white-paper texture, so we // white-key it once into SEAL_IMG then stamp that onto each seal's canvas. (Proven: conveyor_test.html.) // The composited datestamp REPLACES the always-on static DTime/DDate/EnvStamp text (hidden below), and sits // LEFT of where the static one was — position is live-tunable via window._march.ds. const DS = { x: 0.55, y: 0.67, font: 42, w: 0.60, tint: '#8f2618' }; // datestamp on the seal canvas (user-set 2026-07-14) const pad2 = (n) => String(n).padStart(2, '0'); const fmtTime = (d) => pad2(d.getHours()) + ':' + pad2(d.getMinutes()); const fmtDate = (d) => 'R' + (d.getFullYear() - 2018) + '.' + (d.getMonth() + 1) + '.' + d.getDate(); let SEAL_IMG = null; { const withImg = _allPostmarks.find((p) => p.mesh.material && p.mesh.material.map && p.mesh.material.map.image); const img = withImg && withImg.mesh.material.map.image; if (img) SEAL_IMG = whiteKey(img, [143, 38, 24]); // white -> transparent, ink -> maroon else console.warn('kokuin_motion: seal texture image not ready — seal art will be blank'); } function drawSeal(st, tStr, dStr) { const cx = st.cx, s = 512; cx.clearRect(0, 0, s, s); if (SEAL_IMG) cx.drawImage(SEAL_IMG, 0, 0, s, s); if (tStr) { cx.save(); cx.textAlign = 'center'; cx.textBaseline = 'middle'; cx.fillStyle = DS.tint; let fs = DS.font; cx.font = '700 ' + fs + 'px "Arial Narrow","Roboto Condensed",sans-serif'; const txt = tStr + ' ' + dStr, maxW = s * DS.w, w = cx.measureText(txt).width; if (w > maxW) { fs = Math.floor(fs * maxW / w); cx.font = '700 ' + fs + 'px "Arial Narrow","Roboto Condensed",sans-serif'; } cx.fillText(txt, s * DS.x, s * DS.y); cx.restore(); } st.tex.needsUpdate = true; } // per-seal canvas material, linked to its actor for freeze-at-strike const _seals = []; for (const a of actors) { a._seal = null; for (const p of a.postmarks) { const cv = document.createElement('canvas'); cv.width = cv.height = 512; const tex = new THREE.CanvasTexture(cv); tex.colorSpace = THREE.SRGBColorSpace; tex.anisotropy = 8; tex.flipY = false; p.material = new THREE.MeshBasicMaterial({ map: tex, transparent: true, alphaTest: 0.02, depthWrite: false, side: THREE.DoubleSide, toneMapped: false }); p.renderOrder = 4; const st = { mesh: p, cv, cx: cv.getContext('2d'), tex, struck: false }; const d0 = new Date(); drawSeal(st, fmtTime(d0), fmtDate(d0)); // initial (hidden until it blooms anyway) a._seal = st; _seals.push(st); } } // hide the static baked datestamp text (export-frozen + always visible) — the seal canvas carries the live one now for (const a of actors) a.group.traverse((o) => { if (/^(DTime__|DDate__|EnvStamp_)/.test(o.name)) o.visible = false; }); console.log('kokuin_motion: seals ->', _seals.length, 'own-canvas datestamps · static datetime hidden'); // ★ postage stamps look washed out because they're still the baked LIT material, dimmed by the scene's low // exposure (0.2). Render them UNLIT (toneMapped:false) so the engraving pops, and key out the light border // (whiteKey null = keep colour, make solid, drop near-white). Each recipient has its own stamp art -> cache // the keyed material per source image. (Same treatment conveyor_test.html used.) // ★ FALLBACK-ONLY: on the normal path the envelopes stay HIDDEN until DEFAULT_STARTUP_STAMP (stamp01) loads and is // assigned to every actor, so these baked keyed materials are never displayed. Running the whiteKey pass over the // baked designs eagerly cost ~160ms synchronously at load (a visible smoke hitch) for nothing. So key the baked // stamps LAZILY — only if stamp01 fails to load (see _readyPostage catch). let _bakedKeyed = false; function _keyBakedStamps() { if (_bakedKeyed) return; _bakedKeyed = true; const stampMeshes = []; for (const a of actors) a.group.traverse((o) => { if (o.isMesh && /^(Stamp__|Stamp_Postage)/.test(o.name)) stampMeshes.push(o); }); const cache = new Map(); for (const o of stampMeshes) { let sm = o.material; sm = Array.isArray(sm) ? sm[0] : sm; const img = sm && sm.map && sm.map.image; if (!img) continue; let mat = cache.get(img); if (!mat) { const tex = new THREE.CanvasTexture(whiteKey(img, null)); // null = keep colour, make solid, drop light bg tex.colorSpace = THREE.SRGBColorSpace; tex.anisotropy = 8; tex.flipY = false; mat = new THREE.MeshBasicMaterial({ map: tex, transparent: true, alphaTest: 0.5, depthWrite: false, side: THREE.DoubleSide, toneMapped: false }); cache.set(img, mat); } o.material = mat; o.renderOrder = 3; } console.log('kokuin_motion: baked stamps keyed (fallback path) ·', stampMeshes.length, 'meshes ·', cache.size, 'designs'); } // ================= CONTENT STREAMING — variety on recycle (stamps now; addresses plug in next) ================= // Each time an actor wraps fully offscreen (its ring lap increments), it takes the NEXT stamp design (and later // the next recipient) from a global rotating counter, so the belt stops visibly repeating. Loaded async: the // motion runs immediately; variety upgrades in when the assets finish. const _loadImage = (url) => new Promise((res, rej) => { const im = new Image(); im.crossOrigin = 'anonymous'; im.onload = () => res(im); im.onerror = rej; im.src = url; }); const stampMats = []; // filled async with the (up to) 13 postage designs — keyed + unlit let _nextStamp = 0; // global rotating counter for stamp assignment function assignStamp(a, idx) { if (a._stamp && stampMats[idx]) a._stamp.material = stampMats[idx]; a.stampIndex = idx; } const _recycleHooks = []; // extra per-recycle callbacks (addresses register here) function onRecycle(a) { if (stampMats.length) { assignStamp(a, _nextStamp % stampMats.length); _nextStamp++; } for (const h of _recycleHooks) h(a); } // ★ CRITICAL-FIRST POSTAGE — PO starts after ONE default stamp; the rest stream in the background and enter via offscreen recycle. const DEFAULT_STARTUP_STAMP = 1; // stamps/stamp01.png — approved default every envelope shows at startup window._loadedPostagePool = stampMats; // private loaded-stamp pool (grows in the background; onRecycle picks from it) const _mkStampMat = (img) => { const tex = new THREE.CanvasTexture(trimBg(img)); tex.colorSpace = THREE.SRGBColorSpace; tex.anisotropy = 8; tex.flipY = false; return new THREE.MeshBasicMaterial({ map: tex, transparent: true, alphaTest: 0.5, depthWrite: false, side: THREE.DoubleSide, toneMapped: false }); }; const _readyPostage = (async () => { // load the default stamp into the RECYCLE pool only — do NOT overwrite the baked opening designs try { const img = await _loadImage(ASSET_BASE + 'stamps/stamp' + String(DEFAULT_STARTUP_STAMP).padStart(2, '0') + '.png'); stampMats[0] = _mkStampMat(img); _nextStamp = 0; console.log('kokuin_motion: stamp' + String(DEFAULT_STARTUP_STAMP).padStart(2, '0') + ' loaded into recycle pool (opening keeps the baked designs)'); } catch (e) { console.warn('kokuin_motion: default stamp load failed', e); } })(); // opening variety = the baked envelope designs, keyed unlit + distributed slot%5 across the 16 actors. // Dynamic PNG stamps stream in the background and enter ONLY via offscreen recycle (onRecycle → stampMats pool). _keyBakedStamps(); // BACKGROUND POSTAGE — deferred + de-bursted so it NEVER blocks the intro. This variety pool is consumed only on // recycle (an actor wrapping at the right seam, long after the intro ends), so there is no reason to run the ~7.5ms // trimBg flood-fill × ~59 on the main thread while the intro plays. Doing so was stalling the render loop in bursts // → smoke halted and the (wall-clock) conveyor snapped forward on each hitch. Fix: (1) wait until the intro has // handed off to NORMAL, then (2) load with low concurrency and yield to idle around each flood-fill so no single // frame is stalled. (Motion + first stamp need only DEFAULT_STARTUP_STAMP, already loaded above.) // hard macrotask yield (setTimeout, NOT requestIdleCallback) — isolates EACH ~7.5ms trimBg flood-fill into its own // task so the Long Task API never sees a batched >50ms block. (requestIdleCallback coalesced many fills into one // task in a backgrounded tab.) The small delay also gives the renderer breathing room between fills. const _yield = () => new Promise((res) => setTimeout(res, 8)); (async () => { // APPEND to the pool only — never re-assign visible actors (variety enters via offscreen recycle) await _readyPostage; // ★ wait for the intro to GENUINELY finish: arrival → real FEED→NORMAL transition; loop → the safe-interval timer // (both resolve _introDone). The pool is only needed at the first recycle (~49s in), so a 45s cap is a safety net. await Promise.race([_introDone, new Promise((res) => setTimeout(res, 45000))]); const MAX = 99, indices = []; // strictly serial (one fill per macrotask) — no bursts for (let i = 1; i <= MAX; i++) if (i !== DEFAULT_STARTUP_STAMP) indices.push(i); for (const i of indices) { try { const img = await _loadImage(ASSET_BASE + 'stamps/stamp' + String(i).padStart(2, '0') + '.png'); try { await Promise.race([img.decode(), new Promise((r) => setTimeout(r, 600))]); } catch (e2) {} // ★ decode OFF the main thread first (visible tab) so trimBg's drawImage can't trigger a ~50-90ms sync decode; timeout-race so a backgrounded tab (where decode() never resolves) still progresses await _yield(); stampMats.push(_mkStampMat(img)); // exactly ONE (pre-decoded) trimBg per macrotask ⇒ each task ≤ ~15ms } catch (e) { break; } // first missing index → stop probing; already-loaded designs stay in the pool } console.log('kokuin_motion: postage pool complete (deferred, serial, per-fill yielded) ·', stampMats.length, 'designs'); })(); // ================= DYNAMIC ADDRESSES — stream ~62 recipients from addresslist.txt onto the faces ================= // A canvas plane per envelope, seated on the baked Name mesh's placement (position+orientation), draws the // recipient name (big) + street + city (handwriting font, rotated per recipient). Baked Name__/Body__ hidden. // On recycle the actor takes the next recipient -> endless non-repeating mail. Loaded async (motion runs first). const ADDR = { ink: '#241a10', fill: 0.82, offX: 0.08 }; // offX = metres to shift the whole block LEFT (breathing room for the stamp) const _addrList = ADDRESS_LIST.slice(), _fonts = [], _addrPairs = [], _fontScale = {}; // ★ addresses SYNCHRONOUS (baked); _fontScale normalizes per-font cap height let _nextAddr = 0; const _unit = (n) => n === 'x' ? new THREE.Vector3(1, 0, 0) : n === 'y' ? new THREE.Vector3(0, 1, 0) : new THREE.Vector3(0, 0, 1); // measure a baked text mesh's local bbox: natural size + axes (reading = largest in-plane dim, up = 2nd, normal = smallest) function meshBox(mesh) { mesh.geometry.computeBoundingBox(); const bb = mesh.geometry.boundingBox; const s = new THREE.Vector3(), c = new THREE.Vector3(); bb.getSize(s); bb.getCenter(c); const dims = [['x', s.x], ['y', s.y], ['z', s.z]].sort((p, q) => q[1] - p[1]); return { natW: dims[0][1], natH: dims[1][1], read: dims[0][0], up: dims[1][0], center: c }; } // Build a canvas plane over a baked text mesh at a FORCED world size (useW×useH) so every name/body reads the // SAME size regardless of the original baked name. Keeps per-actor orientation; LEFT-anchored along the reading axis. function planeForMesh(mesh, box, useW, useH) { const rx = _unit(box.read), ry = _unit(box.up); const rz = new THREE.Vector3().crossVectors(rx, ry).normalize(); ry.crossVectors(rz, rx).normalize(); const localQ = new THREE.Quaternion().setFromRotationMatrix(new THREE.Matrix4().makeBasis(rx, ry, rz)); const ar = Math.max(0.2, useW / useH); const cv = document.createElement('canvas'); cv.height = 256; cv.width = Math.max(64, Math.round(256 * ar)); const tex = new THREE.CanvasTexture(cv); tex.colorSpace = THREE.SRGBColorSpace; tex.anisotropy = 8; const plane = new THREE.Mesh(new THREE.PlaneGeometry(useW, useH), new THREE.MeshBasicMaterial({ map: tex, transparent: true, depthWrite: false, side: THREE.DoubleSide, toneMapped: false, alphaTest: 0.01 })); // shift center along the reading axis so the LEFT edge stays at the baked name's left edge (box grows rightward) const off = box.center.clone().add(rx.clone().multiplyScalar((useW - box.natW) / 2)); mesh.parent.add(plane); plane.position.copy(mesh.position).add(off.multiply(mesh.scale).applyQuaternion(mesh.quaternion)); plane.quaternion.copy(mesh.quaternion).multiply(localQ); plane.scale.copy(mesh.scale); plane.updateWorldMatrix(true, false); // bbox-axis basis has arbitrary signs; if "up" ends up pointing DOWN it's facing into the envelope (mirrored // back) — roll 180° about the reading axis to face out & upright. if (plane.matrixWorld.elements[5] < 0) plane.rotateX(Math.PI); plane.translateZ(0.004); plane.renderOrder = 5; const basePos = plane.position.clone(); // left-anchored position, pre-offset (for live setAddrOffsetX) plane.translateX(-ADDR.offX); // shift the block LEFT along the reading axis (local +X = rightward) return { cx: cv.getContext('2d'), cv, tex, plane, basePos }; } function drawLines(fc, lines, font, vAlign) { // left-aligned rows; sized by MEASURED height (fits any font, no clip) const cx = fc.cx, W = fc.cv.width, H = fc.cv.height; cx.clearRect(0, 0, W, H); cx.fillStyle = ADDR.ink; cx.textAlign = 'left'; cx.textBaseline = 'alphabetic'; const n = lines.length, rowH = H / n, x0 = W * 0.03, maxW = W * 0.94, targetH = rowH * ADDR.fill; // one size for all rows: measured glyph height == targetH (so it can't be taller than the row) AND fits width. let fs = 1e4; for (const t of lines) { cx.font = '100px "' + font + '", cursive'; const mm = cx.measureText(t || 'M'); const gh = (mm.actualBoundingBoxAscent + mm.actualBoundingBoxDescent) || 70, gw = mm.width || 1; fs = Math.min(fs, 100 * targetH / gh, 100 * maxW / gw); } cx.font = fs + 'px "' + font + '", cursive'; for (let i = 0; i < n; i++) { const mm = cx.measureText(lines[i]); const asc = mm.actualBoundingBoxAscent || fs * 0.7, desc = mm.actualBoundingBoxDescent || fs * 0.2; let y; // name: bottom-anchored so its descender sits just inside the canvas · body: top-anchored toward the name if (vAlign === 'bottom') y = H - (n - 1 - i) * rowH - desc - H * 0.03; else if (vAlign === 'top') y = i * rowH + asc + H * 0.03; else y = rowH * (i + 0.5) + (asc - desc) / 2; cx.fillText(lines[i], x0, y); } fc.tex.needsUpdate = true; } function drawPair(a) { const rec = _addrList.length ? _addrList[a.recipientIndex % _addrList.length] : null; const font = _fonts.length ? _fonts[a.recipientIndex % _fonts.length] : 'cursive'; const pr = a._pair; if (!pr || !rec) return; if (pr.name) drawLines(pr.name, [rec.name], font, 'bottom'); // name low in its box, near the address if (pr.body) drawLines(pr.body, [rec.street, rec.city], font, 'top'); // street/city high in theirs, near the name } // pass 1: measure every baked name/body box; pass 2: build all planes at the UNIFORM max size so text is consistent const _nb = new Map(), _bb = new Map(); for (const a of actors) { if (a._nameMesh) _nb.set(a, meshBox(a._nameMesh)); if (a._bodyMesh) _bb.set(a, meshBox(a._bodyMesh)); } const nW = Math.max(0.3, ...[..._nb.values()].map((b) => b.natW)), nH = Math.max(0.1, ...[..._nb.values()].map((b) => b.natH)); const bW = Math.max(0.3, ...[..._bb.values()].map((b) => b.natW)), bH = Math.max(0.1, ...[..._bb.values()].map((b) => b.natH)); for (const a of actors) { a._pair = null; const nm = a._nameMesh; if (!nm) continue; a._pair = { name: planeForMesh(nm, _nb.get(a), nW, nH), body: a._bodyMesh ? planeForMesh(a._bodyMesh, _bb.get(a), bW, bH) : null }; nm.visible = false; if (a._bodyMesh) a._bodyMesh.visible = false; _addrPairs.push(a._pair); } _recycleHooks.push((a) => { if (_addrList.length) { a.recipientIndex = _nextAddr % _addrList.length; _nextAddr++; drawPair(a); } }); const _readyFonts = (async () => { // load handwriting fonts (addresses are already synchronous), then the initial face render const FONTS = [['CaveatBrush', ASSET_BASE + 'fonts/CaveatBrush-Regular.ttf'], ['CoveredByYourGrace', ASSET_BASE + 'fonts/CoveredByYourGrace-Regular.ttf'], ['CedarvilleCursive', ASSET_BASE + 'fonts/CedarvilleCursive-Regular.ttf'], ['RockSalt', ASSET_BASE + 'fonts/RockSalt-Regular.ttf'], ['AmaticSC', ASSET_BASE + 'fonts/AmaticSC-Regular.ttf'], // ★ 2026-07-20 font audit: 15 → 7. Removed GveretLevin, SedgwickAveDisplay, HomemadeApple, IndieFlower, Kalam, Mynerve, PlaypenSansHebrew, Tillana. Same load + cap-height normalization rules. ['Schoolbell', ASSET_BASE + 'fonts/Schoolbell-Regular.ttf'], ['GloriaHallelujah', ASSET_BASE + 'fonts/GloriaHallelujah-Regular.ttf']]; await Promise.all(FONTS.map(([n, u]) => { const ff = new FontFace(n, 'url(' + u + ')'); return ff.load().then((f) => { document.fonts.add(f); _fonts.push(n); }).catch(() => {}); })); // normalize per-font visual size: measure each font's cap height, scale so all match the tallest (Oregano is ~27% small) { const mc = document.createElement('canvas').getContext('2d'); const cap = {}; for (const n of _fonts) { mc.font = '100px "' + n + '", cursive'; cap[n] = mc.measureText('Rgabh').actualBoundingBoxAscent || 80; } const maxCap = Math.max(...Object.values(cap), 1); for (const n of _fonts) _fontScale[n] = maxCap / cap[n]; } // addresses are already in _addrList SYNCHRONOUSLY (baked in addresslist_data.js) — assign + draw the initial faces actors.forEach((a, i) => { a.recipientIndex = _addrList.length ? (i % _addrList.length) : 0; drawPair(a); }); _nextAddr = actors.length; console.log('kokuin_motion: fonts ready ·', _fonts.length, 'fonts · addresses (sync) ·', _addrList.length, 'recipients'); })(); // --- die: Hero press meshes were flattened into beltRoot (CTRL_Slam/CTRL_Hero are now empty controllers). // Collect ALL Hero_* MESHES (incl. Hero_Body_mesh / Hero_Body_mesh_1 — the main body, whose parent // 'Hero_Body' is a non-mesh node that didn't survive flattening) and group them so one node drives the // vertical slam. beltRoot is identity => its Y == world Y. Collect first, then attach (attach mutates tree). const dieGroup = new THREE.Group(); dieGroup.name = 'DIE_GROUP'; beltRoot.add(dieGroup); const dieParts = []; beltRoot.traverse((o) => { if (o.isMesh && /^Hero_/.test(o.name)) dieParts.push(o); }); dieParts.forEach((o) => dieGroup.attach(o)); const clock = new THREE.Clock(); // ============================ INTRO STARTUP STATE MODEL ============================ // Three explicit states. NORMAL == the established escapement march, UNCHANGED. The intro solves ONE // startup-state + occupancy problem: // STARTUP_FEED — belt begins EMPTY: all actors staged as one contiguous, normally-spaced block completely // offscreen-LEFT, gliding in CONTINUOUSLY at the established speed (no escapement holds, so an // empty stamp never pauses the incoming train). Die stays fully raised. // FIRST_STAMP — the moment a real envelope occupies the stamp station, hand off from the continuous glide to // the escapement (which holds the envelope under the die) and fire the first press from occupancy. // NORMAL — after the first press, the established escapement/hold runs verbatim. // Handoff is seamless because LINEAR(f) — the continuous startup ramp — EQUALS adv(f) at every strike (u integer), // and staging is lattice-pinned (integer laps) so the unwrap→wrap seam has no phase/position jump. const INTRO = { FEED: 'STARTUP_FEED', FIRST: 'FIRST_STAMP', NORMAL: 'NORMAL' }; let _introState = INTRO.NORMAL; // _stageIntro() drops it to FEED; if never called, the plain established march runs // ★ real completion signal — resolves at the actual FIRST_STAMP→NORMAL transition in tick (NOT the default state), // so deferred heavy work (background postage flood-fills) can wait until the intro has genuinely finished. let _resolveIntroDone; const _introDone = new Promise((r) => { _resolveIntroDone = r; }); let _engaged = true; // false ⇒ continuous startup glide (LINEAR, no holds); true ⇒ escapement adv let _firstStrikeF = null, _phantomWarned = false; C.dieOccWin = 0.15; // |station| window that counts as occupying the stamp station (die-arming + first press) // escapement "spine": LINEAR(f) == adv(f) at every strike ⇒ glide→escapement handoff is position-continuous const LINEAR = (f) => (f - C.STRIKE) / C.PERIOD; const advEff = (f) => _engaged ? adv(f) : LINEAR(f); // ── INTRO: ONE arrival state machine for BOTH modes ── one contiguous, normally-spaced block staged offscreen- // LEFT; the leading envelope glides in continuously; the die stays raised until it occupies the station, then // engages the escapement/hold (FEED→FIRST→NORMAL). Spacing / speed / PHASE / recipient order / wrap behaviour // are untouched. Desktop and AxCROSS differ ONLY in the leading lattice position (their crops differ), passed in // by viewer.html as `arrivalFront`. 'loop' is retained solely as a hidden ?intro=loop diagnostic override. // Arrival front = largest lattice station ≤ arrivalFront (integer laps ⇒ seamless glide→escapement handoff, no // premature right wrap). AxCROSS default ≈ -4.0 → leading -4.319 (subtle extreme-left entrance); Desktop is // CSS-cropped tighter so it uses a CLOSER front (viewer.html measures it per the live crop). const ARRIVAL_FRONT_DEFAULT = C.WRAP_MIN + 1.0; // = -4.0 (AxCROSS) ⇒ leading lattice station -4.319 let _lastPreset = 'arrival', _lastFront = ARRIVAL_FRONT_DEFAULT; function _stageIntro(preset, arrivalFront) { _lastPreset = (preset === 'loop') ? 'loop' : 'arrival'; const FRONT = (typeof arrivalFront === 'number') ? arrivalFront : ARRIVAL_FRONT_DEFAULT; _lastFront = FRONT; _firstStrikeF = null; _phantomWarned = false; if (_lastPreset === 'loop') { // LOOP: established NORMAL wrapped ring, populated + moving from frame one. Escapement engaged immediately; // the die's occupancy gate (in tick) keeps it at rest until an envelope reaches the station — no empty press. _engaged = true; _introState = INTRO.NORMAL; const a0 = adv(0); for (const a of actors) { const raw0 = a.slot + C.PHASE + a0; a._lapK = Math.floor((raw0 - C.WRAP_MIN) / C.POOL); // natural wrapped lap ⇒ packed ring in [WRAP_MIN, WRAP_MAX) const s0 = raw0 - C.POOL * a._lapK; a.group.position.x = base0 + C.S * s0 - a.bodyX + C.alignX; a.group.position.y = 0; a.group.visible = true; // seed postmark state from the AUTHORED station: past the strike station (s0>0) → already stamped + visible // (keeps the single timestamp drawn at seal setup); upstream (s0≤0) → unstamped + hidden. Threshold matches the // tick's steady-state, so nothing changes when motion starts (no premature mark, none disappears). const _stamped0 = (s0 > 0.001); if (a._seal) a._seal.struck = _stamped0; if (a.postmarks.length) for (const p of a.postmarks) p.visible = _stamped0; } // loop has no FEED→NORMAL transition — release deferred heavy work after a safe smooth interval instead setTimeout(() => { if (_resolveIntroDone) { _resolveIntroDone(); _resolveIntroDone = null; } }, 6000); console.log('kokuin_intro: LOOP · populated wrapped ring · normal cadence · die occupancy-gated (begins at rest)'); return; } // ARRIVAL (default, both modes): contiguous block staged offscreen-left; leading envelope at the largest lattice // station ≤ FRONT (mode-specific), all followers further left. _engaged = false; _introState = INTRO.FEED; const a0 = LINEAR(0); // startup glide advance at the freshly-reset epoch (== -STRIKE/PERIOD) const bounds = []; for (const a of actors) { const raw0 = a.slot + C.PHASE + a0; a._lapK = Math.ceil((raw0 - FRONT) / C.POOL); // highest lap keeping station ≤ FRONT const s0 = raw0 - C.POOL * a._lapK; a.group.position.x = base0 + C.S * s0 - a.bodyX + C.alignX; a.group.position.y = 0; a.group.visible = true; if (a._seal) a._seal.struck = false; bounds.push({ slot: a.slot, station: +s0.toFixed(3), lap: a._lapK }); } bounds.sort((p, q) => q.station - p.station); console.log('kokuin_intro: ARRIVAL staged · front', FRONT.toFixed(2), '· leading slot', bounds[0].slot, '@ station', bounds[0].station, '· block', bounds.map(b => b.slot + ':' + b.station).join(' ')); } function tick() { const f = clock.getElapsedTime() * 24 * C.SPEED; const av = advEff(f); // ── DIE OCCUPANCY GATE ── the die presses ONLY when a real envelope will occupy the stamp station at this // period's strike. Empty periods (the startup approach) keep the die fully raised — no phantom/empty press, // and (because the glide has no escapement holds while empty) the incoming train never pauses for an empty die. const fm = (((f % C.PERIOD) + C.PERIOD) % C.PERIOD); const strikeF = (f - fm) + C.STRIKE; // die-contact frame of the current slamZ period const avStrike = advEff(strikeF); let occupant = null, occD = C.dieOccWin; for (const a of actors) { const sS = a.slot + C.PHASE + avStrike - C.POOL * a._lapK; const d = Math.abs(sS); if (d < occD) { occD = d; occupant = a; } } const armed = !!occupant; window._introDbg = { f: +f.toFixed(1), fm: +fm.toFixed(1), strikeF: +strikeF.toFixed(1), avStrike: +avStrike.toFixed(3), armed, occSlot: occupant ? occupant.slot : -1, occD: +occD.toFixed(3), geStrike: f >= strikeF, engaged: _engaged, state: _introState }; // ── ENGAGE ── first time an envelope reaches the stamp station: hand the continuous glide off to the escapement // exactly at the strike (LINEAR == adv there ⇒ no jump), so the envelope holds under the die for its press. if (armed && !_engaged && f >= strikeF) { _engaged = true; _introState = INTRO.FIRST; _firstStrikeF = strikeF; console.log('kokuin_intro: FIRST_STAMP · escapement engaged at strike f=' + strikeF.toFixed(1) + ' · occupant slot ' + occupant.slot + ' · station ' + occD.toFixed(4)); } if (_introState === INTRO.FIRST && _firstStrikeF != null && f > _firstStrikeF + C.slamHoldEnd) { _introState = INTRO.NORMAL; if (_resolveIntroDone) { _resolveIntroDone(); _resolveIntroDone = null; } // ★ release deferred heavy work now the intro is truly done console.log('kokuin_intro: → NORMAL · first press complete · established escapement/hold running (no phase/position reset)'); } const dieY = armed ? slamZ(f) : 0; // raised (0) whenever the stamp station is empty // press = 0 while the die hovers/raised, 1 at full contact — from the die's own stroke, so the compress can't desync const press = Math.max(0, Math.min(1, (dieY - C.slamHover) / (C.slamContact - C.slamHover))); if (press > 0.5 && !occupant && !_phantomWarned) { // proof-of-correctness guard: must never fire (armed ⇒ occupant) _phantomWarned = true; console.warn('kokuin_intro: ⚠ PHANTOM PRESS — die descended with no station occupant'); } for (const a of actors) { const raw = a.slot + C.PHASE + av; // forward-only wrap: the staged lap keeps an actor offscreen-left until it legitimately enters; it only ever // wraps right→left at the RIGHT seam (WRAP_MAX) — so no un-entered actor is ever moduloed onto the right (no pop-in). while (raw - C.POOL * a._lapK >= C.WRAP_MAX) { a._lapK++; onRecycle(a); } const s = raw - C.POOL * a._lapK; // station in [WRAP_MIN, WRAP_MAX) once entered; < WRAP_MIN while still feeding a.group.position.x = base0 + C.S * s - a.bodyX + C.alignX; // body -> base0 + S*station (+alignX nudge under die) a.group.position.y = (Math.abs(s) < 0.5) ? (-C.envDip * press) : 0; // ★ compress the letter under the die, spring back on lift a.isStamped = s > -0.5; // stamped once it reaches the die and beyond if (!a.group.visible) a.group.visible = true; // actors are staged genuinely offscreen-left; safe to keep renderable // freeze the live datestamp into this seal's canvas AT the strike (station ~0); reset once it recycles if (a._seal) { if (Math.abs(s) < 0.12 && !a._seal.struck) { a._seal.struck = true; const d = new Date(); drawSeal(a._seal, fmtTime(d), fmtDate(d)); } else if (Math.abs(s) > 0.6) a._seal.struck = false; } // postmark bloom driven by THIS actor's actual station (works identically in feed + normal): hidden while // incoming (s<0), shown once stamped (s>0), blooms through the strike (s≈0) if (a.postmarks.length) { let vis; if (s > 0.001) vis = true; else if (s < -0.001) vis = false; else vis = frac(f) < 0.5; for (const p of a.postmarks) p.visible = vis; } } dieGroup.position.y = dieY; // baked at rest; slamZ drives it down (Blender Z -> three Y) } // pure sampler for testing (no clock, no scene writes) — lets us verify N cycles instantly function sample(f) { const stations = actors.map((a) => +station(f, a.slot).toFixed(4)); const nearStamp = stations.filter((s) => Math.abs(s) < 1e-3).length; return { f, slamZ: +slamZ(f).toFixed(4), nearStamp, stations }; } console.log('kokuin_motion: march installed · actors', actors.length, '· templates', templates.length, '· die parts', dieGroup.children.length, '· base0', base0.toFixed(3)); // --- console-inspectable envelope-train framing diagnostics --- C.WRAP_MAX = C.WRAP_MIN + C.POOL; // keep derived value consistent if POOL/WRAP_MIN are live-tuned window.kokuinEnvelopeCount = C.N; // 16 window.kokuinEnvelopeSpacing = C.S; // metres between envelopes (unchanged) window.kokuinEnvelopeStart = C.PHASE; // initial train phase shift, in stations (× S = metres) window.kokuinEnvelopeWrapMin = C.WRAP_MIN; // leftmost station before wrap (offscreen-left) window.kokuinEnvelopeWrapMax = C.WRAP_MAX; // rightmost station before wrap (offscreen-right) console.log('kokuin_motion: envelope diag · count', C.N, '· spacing', C.S, '· phase', C.PHASE, '· wrap [', C.WRAP_MIN, ',', C.WRAP_MAX, ')'); // --- intro test helpers: restart ONLY the conveyor introduction (camera/lights/cave/smoke untouched) --- window.kokuinRestartIntro = (preset, front) => { clock.start(); _stageIntro(preset || _lastPreset, (typeof front === 'number') ? front : _lastFront); console.log('kokuin_intro: restarted (conveyor intro only) · preset', preset || _lastPreset, '· front', (typeof front === 'number') ? front : _lastFront); }; window.kokuinIntroState = () => ({ state: _introState, engaged: _engaged, firstStrikeF: _firstStrikeF, stations: actors.map(a => +(a.slot + C.PHASE + advEff(clock.getElapsedTime() * 24 * C.SPEED) - C.POOL * a._lapK).toFixed(3)) }); console.log('kokuin_intro: helpers · window.kokuinRestartIntro() · window.kokuinIntroState()'); return { tick, // ★ readiness: resolves once postage designs + address list/fonts have finished loading (for the startup gate) ready: Promise.allSettled([_readyPostage, _readyFonts]).then(() => true), // ★ CRITICAL-FIRST: default stamp + fonts (fast) — NOT the full 59-stamp library // ★ reset the march time epoch so envelopes + stamper restart at frame-zero (installation-relative clock) startEpoch: () => { clock.start(); }, // ★ STARTUP_FEED: stage all actors as one contiguous block completely offscreen-LEFT and glide them in // continuously; the die stays raised until a real envelope occupies the stamp station (see _stageIntro/tick). // (name kept as startFill for the existing viewer.html install hook — no viewer.html change needed.) // ★ initialize the intro: preset 'arrival' (default, both modes) or 'loop' (diagnostic). `arrivalFront` = the // mode-specific leading lattice threshold (viewer.html measures it per the live camera/crop). startFill: (preset, arrivalFront) => _stageIntro(preset || 'arrival', arrivalFront), // (legacy name kept) startIntro: (preset, arrivalFront) => _stageIntro(preset || 'arrival', arrivalFront), introState: () => _introState, sample, actors, dieGroup, constants: C, setSpeed: (v) => { C.SPEED = v; }, setSpacing: (v) => { C.S = v; }, // metres between envelopes: 2.3 original · 2.875 = 1.25x · 3.45 = 1.5x setAlignX: (v) => { C.alignX = v; }, // nudge the whole march line in X to sit the envelope under the die // slide every postmark on the face (deck-local dx/dy/dz) to clear the address block; absolute from base setPostmarkOffset: (dx = 0, dy = 0, dz = 0) => { for (const p of _allPostmarks) p.mesh.position.set(p.base.x + dx, p.base.y + dy, p.base.z + dz); }, postmarks: _allPostmarks, // datestamp on the seal: tune window._march.ds.x / .y (0..1 canvas frac) / .font / .w, then redrawSeals() ds: DS, redrawSeals: () => { for (const st of _seals) { const d = new Date(); drawSeal(st, fmtTime(d), fmtDate(d)); } }, // --- dynamic addresses (auto-placed to match the baked static text) --- addr: ADDR, redrawAddresses: () => { for (const a of actors) drawPair(a); }, // after changing ADDR.ink / ADDR.fill (text size) // shift the whole address block left/right on the face (metres; + = left). Live-adjust then tell me to bake. setAddrOffsetX: (v) => { ADDR.offX = v; for (const a of actors) { const p = a._pair; if (!p) continue; for (const fc of [p.name, p.body]) { if (fc) { fc.plane.position.copy(fc.basePos); fc.plane.translateX(-v); } } } }, _dbg: { addrList: _addrList, fonts: _fonts, fontScale: _fontScale }, // --- HERO STAMPER tuning (live) --- setStamperDepth: (v) => { C.slamContact = v; }, // final extended position (deeper = more negative) setStamperHover: (v) => { C.slamHover = v; }, // hover/pause height above contact setStamperHold: (endFrame) => { C.slamHoldEnd = endFrame; }, // frame contact hold ends (>=24, <=~41) setEnvDip: (v) => { C.envDip = v; }, // envelope compress depth at full contact (0 = off) // expose the pure math for verification/debug _math: { station, adv, slamZ, frac, bloom, base0 }, }; } return createEnvelopeMarch; })(); // Immediate 刻印/KOKUIN title card shown during load (instead of black); faded out at cave+conveyor reveal. (function(){ try { const st = document.createElement('style'); st.textContent = '#kokuinTitle{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;color:#e7ddc6;font-family:"BIZ UDMincho","Shippori Mincho",serif;transition:opacity .6s ease;pointer-events:none}#kokuinTitle .k{font-size:15vh;line-height:1;letter-spacing:.12em}#kokuinTitle .r{font-size:3.6vh;letter-spacing:.55em;margin-top:2.4vh;opacity:.82}'; document.head.appendChild(st); const d = document.createElement('div'); d.id = 'kokuinTitle'; d.innerHTML = '

刻印

KOKUIN

'; (document.body || document.documentElement).appendChild(d); window.__hideKokuinTitle = function(){ const t = document.getElementById('kokuinTitle'); if (t){ t.style.opacity = '0'; setTimeout(()=>t.remove(), 700); } }; } catch(e){ console.warn('KOKUIN title card skipped', e); } })(); let _march = null; // envelope march controller (installed after the conveyor GLB loads) const IS_AXCROSS = new URLSearchParams(location.search).get('mode') === 'axcross'; // ?mode=axcross → start in WALL mode // ★ DEBUG-ONLY — CALIBRATED 1:1 PHYSICAL WALL INSPECTION (?mode=axcross&physicalinspect=1). Requires axcross. Absent ⇒ zero // behaviour change (no listeners/overlay; resize() and the existing I/inspect magnifier are untouched). See the module below. const PHYSICALINSPECT = IS_AXCROSS && new URLSearchParams(location.search).get('physicalinspect') === '1'; window.PHYSICALINSPECT = PHYSICALINSPECT; // ★ TEMPORARY DIAGNOSTIC — INCENSE SMOKE OUTPUT-CONVERSION TEST (2026-07-19, Phase 1, pending Michael's review). // ?smoketest=1 ONLY. Absent ⇒ zero behaviour change: legacy smoke shader verbatim, no panel, no console API, // no localStorage read/write, no extra allocation. Nothing here touches `state`, save(), exposure, tone mapper, // outputColorSpace, environment, lighting, geometry, motion, blending or depth. REMOVE after the A/B is judged. const SMOKETEST = new URLSearchParams(location.search).get('smoketest') === '1'; window.SMOKETEST = SMOKETEST; // ★ TEMPORARY DIAGNOSTIC — INCENSE EMBER LINEAR-PIPELINE TEST (2026-07-19, Phase 2A, pending Michael's review). // ?embertest=1 ONLY. As of PHASE 2B the CORRECTED path + intensity 2.5 are CANONICAL, so this flag now only adds // the A/B panel: Legacy mode, live intensity/visibility uniforms, burn scrub, and the customProgramCacheKey // override. Absent ⇒ canonical corrected shader with the 2.5 baked in as a literal, no panel, no API, no localStorage. // Nothing here touches smoke, burn timing, geometry, alpha, exposure, tone mapping, environment or camera. const EMBERTEST = new URLSearchParams(location.search).get('embertest') === '1'; window.EMBERTEST = EMBERTEST; // ★ PHASE 2B — CANONICAL ember intensity multiplier, Michael-approved 2026-07-19. Applies ONLY to the ember-glow // term (`col += ember * glow * 0.85 * …`). Not to ash/fresh recolouring, not to the ember RGB constants. const EMBER_INTENSITY_CANON = 2.5; // Shared diagnostic state — the panel and window.kokuinEmberTest both read/write THIS object, never a second copy. const _EMBER = { mode:'corrected', visible:true, intensity:EMBER_INTENSITY_CANON, frozen:false, burn:0.5 }; // ★ TEMPORARY DIAGNOSTIC — WATER RIPPLE CREST LINEAR-PIPELINE TEST (2026-07-19, Phase 3A, pending review). // ?rippletest=1 ONLY. Absent ⇒ zero behaviour change: the crest keeps its LEGACY post-dithering injection // verbatim, no extra uniforms, no customProgramCacheKey override, no panel, no API, no localStorage. const RIPPLETEST = new URLSearchParams(location.search).get('rippletest') === '1'; window.RIPPLETEST = RIPPLETEST; // ★ TEMPORARY DIAGNOSTIC — WATER-CLOCK ACCELERATED TEST CYCLE (?testcycle=1 ONLY). Absent ⇒ ZERO behaviour change: // the block never runs, window._updateTestCycle stays undefined so the guarded call in the render loop is a no-op, // window.waterLevelOverride is never written (stays null ⇒ live 12h wall clock), and no DOM/overlay is created. // In test mode it drives ONLY the EXISTING window.waterLevelOverride hook with an accelerated virtual world time // (288× ⇒ 24h in 5min). It NEVER edits _updateWater/_updateDropLoop/_updateDrop/_updateRipple, drop/ripple cadence, // or the drop→ripple trigger relationship; drop & ripple counts are read OBSERVATIONALLY from _dropStart/_ripStart // rising edges. Restores + never leaks the override (window._teardownTestCycle). Mat_RimGlass untouched. To fully // excise: delete this block + the single guarded call at the _updateWater site. REMOVE after verification. const TESTCYCLE = new URLSearchParams(location.search).get('testcycle') === '1'; window.TESTCYCLE = TESTCYCLE; if (TESTCYCLE) { const MULT = 288; // 86400s day / 300s test = 288× virtual world-clock speed const TC = { started:false, savedOverride:undefined, dropCount:0, ripCount:0, resetCount:0, lastDrop:null, lastRip:null, lastWaterFrac:0, el:null }; window._kokuinTestCycle = TC; const p2 = n => String(n).padStart(2,'0'); window._updateTestCycle = function(){ if (!TC.started){ TC.savedOverride = window.waterLevelOverride; TC.started = true; } // remember the real value (null=live) to restore on teardown if (!TC.el && document.body){ // lazy, unobtrusive overlay (bottom-left, click-through) const el = document.createElement('div'); el.id = 'kokuinTestCycleReadout'; el.style.cssText = 'position:fixed;left:8px;bottom:8px;z-index:99999;pointer-events:none;'+ 'font:11px/1.55 ui-monospace,Menlo,Consolas,monospace;color:#cfe6ef;background:rgba(8,12,16,0.62);'+ 'padding:7px 10px;border-radius:5px;border:1px solid rgba(120,200,220,0.25);white-space:pre;letter-spacing:.2px;'; document.body.appendChild(el); TC.el = el; } const virtSec = window._showT() * MULT; // 0 while still, then 288× real elapsed const dayFrac = (virtSec % 86400) / 86400; // 24h progress 0..1 const waterFrac = (virtSec % 43200) / 43200; // 12h water-cycle progress 0..1 window.waterLevelOverride = waterFrac; // FEED the existing water logic — its own level math is untouched if (waterFrac + 0.5 < TC.lastWaterFrac) TC.resetCount++; // 12h wrap = one water reset TC.lastWaterFrac = waterFrac; if (window._dropStart != null && TC.lastDrop == null) TC.dropCount++; // observe production drop starts (rising edge only) TC.lastDrop = window._dropStart; if (window._ripStart != null && TC.lastRip == null) TC.ripCount++; // observe production ripple starts (rising edge only) TC.lastRip = window._ripStart; const wt = virtSec % 86400, hh = Math.floor(wt/3600), mm = Math.floor((wt%3600)/60), ss = Math.floor(wt%60); const idx = Math.min(12, Math.floor(waterFrac*12 + 1e-6)); // 0=bottom/reset, 1..12 = ticks if (TC.el) TC.el.textContent = 'TESTCYCLE 288× (24h→5min)\n'+ 'sim time '+p2(hh)+':'+p2(mm)+':'+p2(ss)+' (24h)\n'+ '24h prog '+dayFrac.toFixed(3)+'\n'+ '12h water '+waterFrac.toFixed(3)+'\n'+ 'level idx '+idx+'/12\n'+ 'resets '+TC.resetCount+'\n'+ 'drops '+TC.dropCount+'\n'+ 'ripples '+TC.ripCount; }; window._teardownTestCycle = function(){ // restore the real override + remove overlay (never leak accel into normal mode) window.waterLevelOverride = (TC.savedOverride !== undefined) ? TC.savedOverride : null; if (TC.el && TC.el.parentNode) TC.el.parentNode.removeChild(TC.el); window._updateTestCycle = null; }; console.log('TESTCYCLE ACTIVE · 288× · water override driven; drops/ripples stay on their own real-time clock; counts observational · window._kokuinTestCycle / window._teardownTestCycle()'); } // ★ PHASE 3B DECISION (2026-07-19, Michael): LEGACY crest is CANONICAL and INTENTIONALLY retained — the corrected // linear crest is too weak even at diagnostic ×4.0 because its carrier mesh (WaterClock_Water_NEW_Final001) sits // nearly edge-on; the legacy post-output brightness compensates for that poor visibility. Corrected stays as a // diagnostic only, for after the ripple-carrier geometry is fixed. So ?rippletest=1 now DEFAULTS to legacy too. const _RIPPLE = { mode:'legacy', crestVisible:true, intensity:1.0, frozen:false, time:0.45 }; // ★ PHASE 4B — CANONICAL post-burn ash-lift (Michael-approved 2026-07-19). Multiplies ONLY the burned ash branch // (`base * vec3(0.34,0.31,0.29)`) by this factor, in LINEAR working space before . Chosen 2.0: // 1.0 read too black; 2.0 gives best ash visibility while keeping unmistakable burned/fresh separation; 2.5 still ok // but separation drops; 3.0–4.0 rejected (ash approaches fresh brightness). Does NOT touch the ash RGB ratio, fresh, // ember, ember intensity 2.5, the burn mask/width/noise/direction/timing, or any material/exposure/tonemap setting. const ASH_LIFT_CANON = 2.0; // ★ POST-BURN ASH BRIGHTNESS A/B DIAGNOSTIC (Phase 4A/4A.1). ?ashtest=1 ONLY. Absent ⇒ the ash branch bakes the // canonical `* ASH_LIFT_CANON` literal (2.0) — no uAshLift uniform is declared, no panel, no API, no localStorage. // Under ?ashtest=1: Test mode is adjustable 0.0–4.0; Canonical mode pins the applied uniform to ASH_LIFT_CANON (2.0), // so Canonical == the shipped ordinary URL exactly. The test never touches fresh, ember, the ember RGB constants, // the burn mask/width/angle/timing, material roughness/metalness/transmission/opacity, exposure, tonemap, or camera. const ASHTEST = new URLSearchParams(location.search).get('ashtest') === '1'; window.ASHTEST = ASHTEST; // Shared diagnostic state — the panel and window.kokuinAshTest both read/write THIS object, never a second copy. // Test default = Canonical (2.0). Canonical mode pins the applied uniform to ASH_LIFT_CANON regardless of `lift`. const _ASH = { mode:'test', lift:ASH_LIFT_CANON, frozen:false, burn:0.5 }; // ★ TEMPORARY DIAGNOSTIC — CANDLE FLAME-TO-WICK ALIGNMENT (2026-07-19, Phase 5A, pending Michael's review). // ?flametest=1 ONLY. Absent ⇒ zero behaviour change: no panel, no API, no markers, no localStorage, no extra // per-frame cost (window._updateFlameTest is undefined so the animate hook is a no-op). Under the flag it adds // visible anchor markers, a per-flame local offset (applied AFTER the authored update, non-cumulative), flicker // freeze/scrub (via the EXISTING candleFlameFlickerEnabled/backgroundCandleFlickerEnabled + a deterministic // replay), and burn override (via the EXISTING window.candleBurnOverride). It never edits candle/wick/flame // geometry, materials, textures, colour, size, flicker amplitude, lighting, or any authored transform default. const FLAMETEST = new URLSearchParams(location.search).get('flametest') === '1'; window.FLAMETEST = FLAMETEST; // ★ PHASE 5B — CANONICAL static/background flame Y offset (Michael-approved 2026-07-19 via the ?flametest=1 diagnostic). // ONE shared value applied to the 25 background/static flames ONLY, added in the SAME place & LOCAL space as the // diagnostic per-flame Y offset (after ½h center placement, after candleFlameHeightOffset, after the flicker bob). // Reproduces the approved diagnostic result exactly. NOT wax-top, NOT per-variant. Hero flames NEVER receive it // (they keep _updateCandleFX dynamic burn-line tracking). The ?flametest=1 per-flame offset stays RELATIVE on top. const STATIC_FLAME_Y_OFFSET_CANON = -0.0165; // ★ SUTRA CASE — canonical archaeological cave prop (design + placement approved 2026-07-19). The vessel // (sutra_case_kokuin.glb) loads on EVERY URL at the approved transform below and is lit by the existing cave // environment only (NO dedicated light). The diagnostic PLACEMENT PANEL + window.kokuinSutraTest are added ONLY // under ?sutratest=1 — the ordinary URL gets the vessel with no panel/API. Nothing here is persisted to localStorage. const SUTRATEST = new URLSearchParams(location.search).get('sutratest') === '1'; window.SUTRATEST = SUTRATEST; // Approved canonical placement: tucked toward the LEFT cave edge, half-buried in the floor, away from the centre // wadokei / incense burner / bowl. ?sutratest=1 Reset restores exactly these values. // ★ 2026-07-20 Phase 6A.2 — FINAL APPROVED sutra placement (Michael, dialed in via the live ?sutratest=1 controls). // Corrects the prior y=-0.20 float (vessel hovered 0.2556 m above the wall-mode floor). JS-driven → applies on EVERY URL. // Sutra is a WALL/AxCROSS-only prop (cropped out of the Desktop centre crop), tuned against the AxCROSS floor. const _SUTRA = { visible:true, x:-6.65, y:-0.48, z:-0.70, rx:1, ry:22, rz:-3, scale:1.0 }; // ★ IMMUTABLE URL-derived cave-lighting mode — the ONLY selector for the cave-light preset. Never influenced by // localStorage / crop state / WALL UI / applyViewMode / inspection / prior session / any later callback. const caveLightingMode = new URLSearchParams(window.location.search).get('mode') === 'axcross' ? 'wall' : 'desktop'; window.caveLightingMode = caveLightingMode; // ★ 2026-07-16 CAVE HARD LOCK — cave editing OFF by default on every load (NOT persisted). While locked, every cave // transform/camera/framing/light CONTROL no-ops; init / applyViewMode / kokuinResetCaveToApproved still apply the approved immutable state. window.CAVE_EDITING_UNLOCKED = false; window.kokuinSetCaveEditingUnlocked = function(v){ window.CAVE_EDITING_UNLOCKED = !!v; console.log('CAVE_EDITING_UNLOCKED =', window.CAVE_EDITING_UNLOCKED); return window.CAVE_EDITING_UNLOCKED; }; // ★ 2026-07-16 FINAL PRESENTATION MODE — look-only (no controls, no interaction) + veiled start + one clean animation reveal at frame-zero. const KOKUIN_PRESENTATION_MODE = true; window.KOKUIN_PRESENTATION_MODE = KOKUIN_PRESENTATION_MODE; let _marchStarted = false; // ★ set at the shared motion-ready barrier — envelope actors stay hidden until then // ── INTRO PRESET ── production default = 'loop': a populated wrapped conveyor, moving from frame one, with NO far-left // authored arrival. ?intro=arrival restores the legacy far-left entrance state machine (diagnostic only). const _introOverride = new URLSearchParams(location.search).get('intro'); const INTRO_PRESET = (_introOverride === 'arrival') ? 'arrival' : 'loop'; window._introPreset = INTRO_PRESET; // ── PRESENTATION BARRIER ── the canvas is withheld (opacity 0, no scene render) while critical assets load, so the // viewer never sees partial scene assembly (PO/cave/belt popping in one at a time). When everything first-frame- // critical is ready we prewarm, present ONE complete still frame at show-time 0, hold briefly, then start motion. let _scenePresented = false; // ── SHARED MOTION EPOCH ── every visible time-driven animation (conveyor, smoke, hero+background flames, cave-light // flicker, water loop) reads window._showT(): 0 while still, then advances from ONE performance.now() epoch set // AFTER presentation. No page-load time accumulates before visible motion ⇒ no snap/catch-up. window._motionEpoch = null; window._showT = () => (window._motionEpoch == null ? 0 : (performance.now() - window._motionEpoch) * 0.001); const DESK_LSKEY = 'kokuin_desktop_viewer_v2'; // desktop persistence — unchanged const WALL_LSKEY = 'kokuin_axcross_wall_v1'; // ISOLATED wall persistence — never the desktop key let currentViewMode = 'desktop'; // set by applyViewMode(); gates save() target const LSKEY = DESK_LSKEY; // ★ startup load key = desktop. Was 'kokuin_wall_combined_v1', SHARED with // wall_combined_test.html — desktop saves here poisoned that page's // crop/aspect. Separate keys now; camera DEFAULTS/LOCKED values unchanged. const pad2 = n => String(n).padStart(2, '0'); const RATIOS = { fit: null, A: 18/1.5, B: 18/2.5, C: 8950/1080 }; // ---- persisted state ---- // ★★ FROZEN DESKTOP-CROP cave camera — SINGLE SOURCE OF TRUTH (user-locked 2026-07-14). Press L to debug-unlock. const LOCKED_DESK = Object.freeze({ caveDX:0.33, caveDY:0.35, caveDZ:4, caveDAX:0.33, caveDAY:0.369, caveDFov:15 }); // ★ frozen immutable source (desktop-crop cam) const DEFAULTS = { // ★ LOCKED 2026-07-13 — conveyor wall composition (belt bleeds off both ends, 刻印 face + clock + date // in band, cap/pipes crop off top). P-lock cam: pos(0.200,1.915,8.313) lookAt(0.200,1.653,-1.684) fov10.9. px:0, py:-0.6, pz:8.2, yaw:0, pitch:-1.5, fov:10.9, exposure:0.2, cut:2, crop:'C', band:true, beltTilt:10, bandScale:0.603, bandAuto:false, bandCropY:3.8, poX:-0.1, poY:-0.6, poZ:-2.5, poSX:1.34, poSY:1, poSZ:1.47, poRX:4, poRY:0, poRZ:0, // ← user's exact lock (poRY 0) bX:0, bY:0, bZ:0, bSX:1, bSY:1, bSZ:1, bRX:0, bRY:0, bRZ:0, caveX:0.16, caveY:1.05, caveZ:2.336, caveFov:55, caveTX:0.16, caveTY:1.05, caveBright:4, // ★ cave cam = cave_test LEVEL look (caveTY=caveY, no down-tilt = not "too deep") caveDX:LOCKED_DESK.caveDX, caveDY:LOCKED_DESK.caveDY, caveDZ:LOCKED_DESK.caveDZ, caveDAX:LOCKED_DESK.caveDAX, caveDAY:LOCKED_DESK.caveDAY, caveDFov:LOCKED_DESK.caveDFov, // ★ DESKTOP-CROP cave cam — FROZEN (source = LOCKED_DESK; L debug-unlocks) caveRX:0, caveRY:0, caveRZ:0, caveRRX:0, caveRRY:0, caveRRZ:0, caveRSX:1, caveRSY:1.05, caveRSZ:1, // ★ cave ROOT — Y scale 1.05 (user-locked 2026-07-14) }; const state = structuredClone(DEFAULTS); try { const s = localStorage.getItem(LSKEY); if (s) Object.assign(state, JSON.parse(s)); } catch(e){} state.crop = 'fit'; state.band = true; // ★ PREVIEW mode: fill the monitor, 60/40 two-camera split, crop the sides, work LARGE // ★ DESKTOP-CROP cave cam FROZEN: ignore any drifted localStorage desktop-cam values — force the locked framing. let deskLocked = true; Object.assign(state, LOCKED_DESK); const save = () => { try { localStorage.setItem(currentViewMode==='wall'?WALL_LSKEY:DESK_LSKEY, JSON.stringify(state)); } catch(e){} }; const renderer = new THREE.WebGLRenderer({ antialias: true, preserveDrawingBuffer: true }); renderer.setPixelRatio(window.devicePixelRatio); renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.shadowMap.enabled = false; document.body.appendChild(renderer.domElement); window._renderer = renderer; // ★ PRESENTATION BARRIER — withhold the canvas until the complete scene is ready. Page stays black; the canvas is // invisible (and does not render the scene) during load, then fades in over ~220ms when presented. Prevents the // viewer ever seeing partial scene assembly / PO late-pop. document.documentElement.style.background = '#000'; document.body.style.background = '#000'; renderer.domElement.style.opacity = '0'; renderer.domElement.style.transition = 'opacity 220ms ease'; const scene = new THREE.Scene(); scene.background = new THREE.Color(0x0a0806); const pmrem = new THREE.PMREMGenerator(renderer); scene.environment = pmrem.fromScene(new RoomEnvironment(), 0.04).texture; const camera = new THREE.PerspectiveCamera(state.fov, 1, 0.05, 500); window.camera = camera; window._scene = scene; const poAmbient = new THREE.AmbientLight(0xffffff, 1.5); scene.add(poAmbient); // ★ PO L0 — FINAL RIG 2026-07-21 (hardcoded from approved lightedit export) const key = new THREE.DirectionalLight(0xfeeed7, 1); key.position.set(3.12, 2.3, 7.5); scene.add(key); // ★ PO L1 KEY — FINAL RIG const fill = new THREE.DirectionalLight(0x9fb4ff, 0.8); fill.position.set(-7, 5, -11); scene.add(fill); // ★ PO L2 FILL — FINAL RIG const rim = new THREE.DirectionalLight(0xffd9a0, 3.15); rim.position.set(0, 6, -10); scene.add(rim); // ★ PO L3 RIM — FINAL RIG const poKey = key, poFill = fill, poRim = rim; // ★ aliases — the PO-lighting working-state system references these; lights themselves untouched const guide = new THREE.Group(); guide.add(new THREE.LineSegments(new THREE.EdgesGeometry(new THREE.PlaneGeometry(18, 1.5)), new THREE.LineBasicMaterial({ color: 0x3aa0ff }))); guide.children[0].position.set(0, 1.35, 0); guide.visible = false; scene.add(guide); // ---- roots ---- // STAGE wraps the whole composition (room + machine + clock/date panels). It is IDENTITY in full // mode, and ONLY in 60% band mode gets a uniform scale-down + recenter so nothing crops. Camera untouched. const stage = new THREE.Group(); scene.add(stage); const poRoot = new THREE.Group(), beltRoot = new THREE.Group(), deckRoot = new THREE.Group(); stage.add(poRoot); stage.add(beltRoot); beltRoot.add(deckRoot); window._po = poRoot; window._belt = beltRoot; window._deck = deckRoot; window._stage = stage; const machineCenter = new THREE.Vector3(0, 2.3, 0); // fallback center let _protPts = []; // {v: stage-local corner, y: identity-world Y} for the protected-content fit const _bv = new THREE.Vector3(), _wc = new THREE.Vector3(); const BAND_TARGET_NDC = 1.72; // protected content fills ~86% of the band height (margin) function _bandCenterWorld() { camera.getWorldDirection(_bv); const t = (0 - camera.position.z) / _bv.z; return camera.position.clone().addScaledVector(_bv, t); } function _poseBand(S, center) { // scale + put the PROTECTED center on the band center (camera untouched) stage.scale.setScalar(S); stage.position.copy(_bandCenterWorld()).addScaledVector(center, -S); stage.updateMatrixWorld(true); } function _spanNDC(pts) { let vmin = 1e9, vmax = -1e9; for (const p of pts) { _wc.copy(p.v).applyMatrix4(stage.matrixWorld).project(camera); vmin = Math.min(vmin, _wc.y); vmax = Math.max(vmax, _wc.y); } return vmax - vmin; } function applyBand() { // Band is a PURE top-60% viewport crop — NO auto-fit rescale. The conveyor is DESIGNED to // fill the band: bell runs off the TOP, belt bleeds off the SIDES. You frame it with the normal // camera controls; the top-60% scissor in animate() does the crop, bottom 40% stays black (cave). stage.scale.setScalar(1); stage.position.set(0, 0, 0); } const roomNames = /^(Beam_|Cabinet_|Ceiling_|Column_|Coilumn|Concrete|Floor_|Lamp_|Wall_|Window_|FireBell|Postal_|Postal|Sphere|Cube|Cylinder|Plane|Bézier)/; const roomMeshes = []; const draco = new DRACOLoader(); draco.setDecoderPath('https://cdn.jsdelivr.net/npm/three@0.165.0/examples/jsm/libs/draco/'); const loader = new GLTFLoader(); loader.setDRACOLoader(draco); loader.load(ASSET_BASE + 'conveyor_room.glb', (gltf) => { scene.add(gltf.scene); gltf.scene.updateMatrixWorld(true); const _c = new THREE.Vector3(), _b = new THREE.Box3(); const roomList = [], machineList = []; gltf.scene.traverse(o => { if (o.isLight) { o.visible = false; return; } if (o.isMesh && /^GUIDE_/.test(o.name)) { o.visible = false; return; } if (o.isMesh) { if (roomNames.test(o.name)) { _b.setFromObject(o); _b.getCenter(_c); o.userData.cz = _c.z; roomList.push(o); roomMeshes.push(o); } else machineList.push(o); } }); roomList.forEach(m => poRoot.attach(m)); machineList.forEach(m => beltRoot.attach(m)); // sub-group the belt DECK + envelopes so they can rake independently of the vertical hero const deckRe = /^(CONVEYOR|StampPlate|Belt_|Roller|ENVc_|Body__|Name__|Stamp__|Cancel__|Postmark|EnvStamp|DTime__|DDate__|Stamp_Postage|Addr_)/; const conv = beltRoot.children.find(o => o.name === 'CONVEYOR'); const piv = new THREE.Vector3(0, 1.1, 0); if (conv) { const bb = new THREE.Box3().setFromObject(conv); bb.getCenter(piv); } deckRoot.position.copy(piv); beltRoot.children.filter(o => o !== deckRoot && deckRe.test(o.name)).forEach(m => deckRoot.attach(m)); console.log('loaded — PO room:', roomList.length, '· machine:', machineList.length, '· deck raked:', deckRoot.children.length); applyPO(); applyBelt(); applyBeltTilt(); applyCut(); // measure panels + machine at IDENTITY so their stage-local positions are correct, THEN applyBand scales all together stage.scale.setScalar(1); stage.position.set(0, 0, 0); stage.updateMatrixWorld(true); setupClockDate(); // machine center + height (for the 60% uniform fit) — VISIBLE meshes only (skip hidden old press pipes) { const bb = new THREE.Box3(); const _b = new THREE.Box3(); let any = false; _protPts = []; // stage identity here, so corner world == stage-local; y is used to filter by crop height beltRoot.traverse(o => { if (o.isMesh && o.visible) { o.geometry.computeBoundingBox(); const g = o.geometry.boundingBox; if (!g) return; for (const x of [g.min.x, g.max.x]) for (const y of [g.min.y, g.max.y]) for (const z of [g.min.z, g.max.z]) { const w = new THREE.Vector3(x, y, z).applyMatrix4(o.matrixWorld); _protPts.push({ v: w.clone(), y: w.y }); } _b.setFromObject(o); bb.union(_b); any = true; } }); if (any) { bb.getCenter(machineCenter); console.log('machine bbox y', bb.min.y.toFixed(2), '..', bb.max.y.toFixed(2), '· protected pts', _protPts.length); } } applyBand(); // protected-content fit for the current camera _march = createEnvelopeMarch({ deckRoot, beltRoot }); // ★ envelope actors + die slam (kokuin_motion.js) window._march = _march; _march.actors.forEach(a => { if (a.group) a.group.visible = false; }); // ★ hide envelopes until the march starts (they must not appear/move before ready) _march.ready.then(() => { _convReady = true; _maybeBeginMotion(); }); // conveyor critical-ready (addresses(sync) + DEFAULT_STARTUP_STAMP + fonts) }, null, e => console.error('GLB error:', e)); // ---- ANA cleaned PO (second GLB) — lives in the PO ROOM root so the PO position/scale sliders drive it ---- loader.load(ASSET_BASE + 'ANA_KOKUIN_PO_webp_draco.glb', (gltf) => { gltf.scene.name = 'ANA_PO'; poRoot.add(gltf.scene); gltf.scene.updateMatrixWorld(true); window._ana = gltf.scene; const b = new THREE.Box3().setFromObject(gltf.scene), s = new THREE.Vector3(), c = new THREE.Vector3(); b.getSize(s); b.getCenter(c); console.log('ANA PO loaded into poRoot · size', s.toArray().map(v=>+v.toFixed(2)), '· center', c.toArray().map(v=>+v.toFixed(2))); applyPO(); // apply current PO-root position/scale/rotation to ANA // contribute ANA's corners to the 60%-band protected-content fit so the room stays framed in sim mode // (machine is taller so it still drives the vertical fit; this just keeps the room from riding off the top) stage.scale.setScalar(1); stage.position.set(0, 0, 0); stage.updateMatrixWorld(true); gltf.scene.traverse(o => { if (o.isMesh) { o.geometry.computeBoundingBox(); const g = o.geometry.boundingBox; if (!g) return; for (const x of [g.min.x, g.max.x]) for (const y of [g.min.y, g.max.y]) for (const z of [g.min.z, g.max.z]) { const w = new THREE.Vector3(x, y, z).applyMatrix4(o.matrixWorld); _protPts.push({ v: w.clone(), y: w.y }); } } }); applyBand(); _poReady = true; _poShown = true; // PO room parsed + added; motion (still frozen) starts once its upload settles _addPOVeil(); // cover the PO room with the black veil BEFORE its first render/upload _maybeBeginMotion(); _startMotionAfterPOSettle(); // if the scene is already revealed, begin motion after PO's 2-frame settle }, null, e => console.error('ANA_KOKUIN_PO_webp_draco.glb error:', e)); // live-canvas clock + date (baked 3D glyphs are frozen/uncropped in glTF; we redraw on a canvas with the real font) function setupClockDate() { const g = n => scene.getObjectByName(n); scene.updateMatrixWorld(true); // ---- HERO CLOCK (drum on a canvas over TimeDisp_Belt) ---- (function(){ const belt = g('TimeDisp_Belt'); if (!belt) { console.warn('clock: TimeDisp_Belt missing'); return; } ['TimeHH_prev','TimeHH_cur','TimeHH_next','TimeMM_prev','TimeMM_cur','TimeMM_next','TimeColon'] .forEach(n => { const o = g(n); if (o) o.visible = false; }); // hide the spilling baked cards const box = new THREE.Box3().setFromObject(belt), size = new THREE.Vector3(), ctr = new THREE.Vector3(); box.getSize(size); box.getCenter(ctr); const W = size.x, H = size.y, AR = W/H, cw = 1024, ch = Math.round(cw/AR); const cv = document.createElement('canvas'); cv.width = cw; cv.height = ch; const cx = cv.getContext('2d'); const tex = new THREE.CanvasTexture(cv); tex.colorSpace = THREE.SRGBColorSpace; tex.anisotropy = 8; const panel = new THREE.Mesh(new THREE.PlaneGeometry(W, H), new THREE.MeshBasicMaterial({ map:tex, transparent:true, toneMapped:false, side:THREE.DoubleSide, depthWrite:false })); panel.position.set(ctr.x, ctr.y, box.max.z + 0.003); panel.renderOrder = 6; stage.add(panel); window._clkFace='#e7ddc6'; window._clkInk='#241a10'; window._clkFont=0.78; window._clkShade=0.78; window._clkLift=0.45; window._clkRoll=1300; window._clkPeek=0.06; window._clkFamily='"BIZ UDMincho", serif'; window._clkWeight=700; window._clkFat=0.040; const darken=(hex,f)=>{const n=parseInt(hex.slice(1),16);return 'rgb('+Math.round(((n>>16)&255)*f)+','+Math.round(((n>>8)&255)*f)+','+Math.round((n&255)*f)+')';}; const ease=t=>{t=t<0?0:t>1?1:t;return t*t*t*(t*(t*6-15)+10);}; const nowMs=()=>performance.now(); const disp={HH:null,MM:null}, roll={HH:null,MM:null}; let vcorr=0, glyphH=0; function paintFace(){ const gr=cx.createLinearGradient(0,0,0,ch); gr.addColorStop(0,darken(window._clkFace,window._clkShade)); gr.addColorStop(0.16,window._clkFace); gr.addColorStop(0.84,window._clkFace); gr.addColorStop(1,darken(window._clkFace,window._clkShade)); cx.fillStyle=gr; cx.fillRect(0,0,cw,ch); const sh=cx.createLinearGradient(0,0,0,ch*0.16); sh.addColorStop(0,'rgba(0,0,0,0.34)'); sh.addColorStop(1,'rgba(0,0,0,0)'); cx.fillStyle=sh; cx.fillRect(0,0,cw,ch*0.16); } function drawDigits(txt,x,yoff){ const y=ch/2+yoff+vcorr; if(window._clkLift>0){cx.save();cx.shadowColor='rgba(0,0,0,'+window._clkLift+')';cx.shadowBlur=ch*0.03;cx.shadowOffsetY=ch*0.014;} cx.fillStyle=window._clkInk; if(window._clkFat>0){cx.lineJoin='round';cx.lineWidth=window._clkFat*ch;cx.strokeStyle=window._clkInk;cx.strokeText(txt,x,y);} cx.fillText(txt,x,y); if(window._clkLift>0)cx.restore(); } function drawField(key,x){ const r=roll[key], p=r?ease((nowMs()-r.t0)/Math.max(1,window._clkRoll)):0; const mod=key==='HH'?24:60, cur=parseInt(disp[key],10), pitch=ch/2+glyphH/2-window._clkPeek*ch; for(let k=-1;k<=2;k++){ const val=((cur+k)%mod+mod)%mod; drawDigits(pad2(val),x,-(k-p)*pitch); } if(r&&p>=1){disp[key]=pad2((cur+1)%mod);roll[key]=null;} } const _step1=(a,b,mod)=>(((parseInt(b)-parseInt(a))%mod+mod)%mod)===1; window._drawClock=function(force){ const d=new Date(), HH=pad2(d.getHours()), MM=pad2(d.getMinutes()); if(disp.HH===null){disp.HH=HH;disp.MM=MM;} if(HH!==disp.HH&&!roll.HH){if(_step1(disp.HH,HH,24))roll.HH={t0:nowMs()};else disp.HH=HH;} if(MM!==disp.MM&&!roll.MM){if(_step1(disp.MM,MM,60))roll.MM={t0:nowMs()};else disp.MM=MM;} if(!roll.HH&&!roll.MM&&!force)return; paintFace(); cx.textAlign='center'; cx.textBaseline='alphabetic'; cx.font=window._clkWeight+' '+Math.round(ch*window._clkFont)+'px '+window._clkFamily; const gm=cx.measureText('0'); vcorr=(gm.actualBoundingBoxAscent-gm.actualBoundingBoxDescent)/2; glyphH=gm.actualBoundingBoxAscent+gm.actualBoundingBoxDescent; const m=gm.width, midX=cw/2; drawDigits(':',midX,0); drawField('HH',midX-1.5*m); drawField('MM',midX+1.5*m); tex.needsUpdate=true; }; window._clkUse=(k)=>{window._clkFamily=k==='shippori'?'"Shippori Mincho", serif':k==='mono'?'"Roboto Mono","Consolas",monospace':'"BIZ UDMincho", serif';window._drawClock(true);}; if(document.fonts&&document.fonts.load){Promise.all([document.fonts.load('700 48px "BIZ UDMincho"'),document.fonts.load('700 48px "Shippori Mincho"')]).then(()=>window._drawClock(true)).catch(()=>{});} window._drawClock(true); console.log('HERO CLOCK canvas at', ctr.x.toFixed(2), ctr.y.toFixed(2)); })(); // ---- DATE (canvas number on each drum-window face; new LAB uses SideDate_*_face, not _plate) ---- (function(){ const fields=[['year',d=>d.getFullYear()-2018],['month',d=>d.getMonth()+1],['day',d=>d.getDate()]]; const panels=[]; for(const [k,valfn] of fields){ const face=g('SideDate_'+k+'_face'), num=g('SideDate_'+k+'_num'); if(!face){ console.warn('date: SideDate_'+k+'_face missing'); continue; } if(num) num.visible=false; const box=new THREE.Box3().setFromObject(face), size=new THREE.Vector3(), ctr=new THREE.Vector3(); box.getSize(size); box.getCenter(ctr); const W=size.x, H=size.y, AR=W/H, ch=256, cw=Math.round(ch*AR); const cv=document.createElement('canvas'); cv.width=cw; cv.height=ch; const c2=cv.getContext('2d'); const tex=new THREE.CanvasTexture(cv); tex.colorSpace=THREE.SRGBColorSpace; tex.anisotropy=8; const panel=new THREE.Mesh(new THREE.PlaneGeometry(W,H), new THREE.MeshBasicMaterial({map:tex,transparent:true,toneMapped:false,side:THREE.DoubleSide,depthWrite:false})); panel.position.set(ctr.x,ctr.y,box.max.z+0.002); panel.renderOrder=6; stage.add(panel); panels.push({valfn,c2,tex,cw,ch}); } window._dateFont=0.60; window._dateFat=0.03; let _lastD=''; window._drawDate=function(force){ const d=new Date(), key=d.getFullYear()+'-'+d.getMonth()+'-'+d.getDate(); if(key===_lastD&&!force)return; _lastD=key; for(const P of panels){ const {cw,ch,c2}=P; c2.clearRect(0,0,cw,ch); c2.textAlign='center'; c2.textBaseline='alphabetic'; c2.font=window._clkWeight+' '+Math.round(ch*window._dateFont)+'px '+window._clkFamily; const gm=c2.measureText('0'), vc=(gm.actualBoundingBoxAscent-gm.actualBoundingBoxDescent)/2, y=ch/2+vc, txt=pad2(P.valfn(d)); c2.fillStyle=window._clkInk; if(window._dateFat>0){c2.lineJoin='round';c2.lineWidth=window._dateFat*ch;c2.strokeStyle=window._clkInk;c2.strokeText(txt,cw/2,y);} c2.fillText(txt,cw/2,y); P.tex.needsUpdate=true; } }; if(document.fonts&&document.fonts.load){document.fonts.load('700 48px "BIZ UDMincho"').then(()=>window._drawDate(true)).catch(()=>{});} window._drawDate(true); console.log('DATE canvas:', panels.length, 'windows'); })(); } // ---- appliers (read from state) ---- const CAM_ANCHOR = new THREE.Vector3(0.2, 2.3, 0.1); // machine center — camera orbits/pans around this const _cr = new THREE.Vector3(), _cu = new THREE.Vector3(), _cf = new THREE.Vector3(); function applyCam() { // orientation from yaw/pitch, then place camera relative to the anchor: // pz = dolly back · px = screen-space pan L/R · py = screen-space pan up/down camera.rotation.set(THREE.MathUtils.degToRad(state.pitch), THREE.MathUtils.degToRad(state.yaw), 0, 'YXZ'); camera.updateMatrix(); _cr.setFromMatrixColumn(camera.matrix, 0); // right _cu.setFromMatrixColumn(camera.matrix, 1); // up _cf.setFromMatrixColumn(camera.matrix, 2); // back (+Z) camera.position.copy(CAM_ANCHOR).addScaledVector(_cf, state.pz).addScaledVector(_cr, state.px).addScaledVector(_cu, state.py); camera.fov = state.fov; camera.updateProjectionMatrix(); applyBand(); // keep the 60% fit re-centered on the current camera (no camera change here) } function applyExposure() { renderer.toneMappingExposure = state.exposure; } const d2r = THREE.MathUtils.degToRad; function applyPO() { poRoot.position.set(state.poX, state.poY, state.poZ); poRoot.scale.set(state.poSX, state.poSY, state.poSZ); poRoot.rotation.set(d2r(state.poRX), d2r(state.poRY), d2r(state.poRZ)); } function applyBelt() { beltRoot.position.set(state.bX, state.bY, state.bZ); beltRoot.scale.set(state.bSX, state.bSY, state.bSZ); beltRoot.rotation.set(d2r(state.bRX), d2r(state.bRY), d2r(state.bRZ)); } function applyBeltTilt() { deckRoot.rotation.x = THREE.MathUtils.degToRad(state.beltTilt); } // +tilt rakes the deck up toward the camera function applyCaveCam() { if (typeof caveCamera === 'undefined') return; caveCamera.position.set(state.caveX, state.caveY, state.caveZ); caveCamera.fov = state.caveFov; caveCamera.lookAt(state.caveTX, state.caveTY, 0); caveCamera.updateProjectionMatrix(); // aim = (caveTX, caveTY, 0) if (window._caveCamDesktop) updateCaveDesktopCam(); } // keep the DESKTOP-CROP cave cam derived from the WALL cam function applyCaveBright() { if (window._caveLightBaked) return; /* ★ AxCROSS per-light bases are baked/locked — never overwrite them */ if (window._caveCandles) window._caveCandles.forEach(c => { if (c.accent) return; c.base = 2.5 * state.caveBright; }); } // scale the 7 candle pools (accent lights 8–11 keep their own base) function applyCaveRoot() { const r = window._caveRoot; if (!r) return; r.position.set(state.caveRX, state.caveRY, state.caveRZ); r.scale.set(state.caveRSX, state.caveRSY, state.caveRSZ); r.rotation.set(d2r(state.caveRRX), d2r(state.caveRRY), d2r(state.caveRRZ)); } // cave lights are fixed WORLD-space presets — caveRoot never repositions them let roomHidden = true; // old PO room hidden by default — ANA GLB replaces it function applyCut() { roomMeshes.forEach(m => m.visible = !roomHidden && (m.userData.cz <= state.cut)); } // ---- control builder: label + number box + slider, synced, persisted ---- const inputs = {}; function ctrl(parent, k, label, min, max, step, apply) { const wrap = document.createElement('div'); const cap = document.createElement('div'); cap.className = 'cap'; cap.textContent = label; const line = document.createElement('div'); line.className = 'line'; const num = document.createElement('input'); num.type = 'number'; num.step = step; num.value = state[k]; const sld = document.createElement('input'); sld.type = 'range'; sld.min = min; sld.max = max; sld.step = step; sld.value = state[k]; line.append(num, sld); wrap.append(cap, line); parent.append(wrap); const set = (v, who) => { if (!window.CAVE_EDITING_UNLOCKED) return; // ★ locked: all ctrl()-built sliders are cave transform/cam/bright v = parseFloat(v); if (isNaN(v)) return; state[k] = v; if (who !== 'n') num.value = v; if (who !== 's') sld.value = v; apply(); save(); }; num.addEventListener('input', e => set(e.target.value, 'n')); sld.addEventListener('input', e => set(e.target.value, 's')); inputs[k] = { num, sld }; } function sec(parent, txt){ const d=document.createElement('div'); d.className='hd'; d.textContent=txt; parent.append(d); } const C = document.getElementById('ctrls'); // ── CONVEYOR composition is LOCKED (pinned in DEFAULTS) — its sliders are intentionally removed. // It still positions itself from state via applyCam/applyPO/applyBelt/applyBeltTilt in init. // Only CAVE controls (below) + the canvas-shape / band / P-lock buttons remain. sec(C,'★ DESKTOP CROP — cave camera (what you see now)'); ctrl(C,'caveDX','pos X',-12,12,0.05,updateCaveDesktopCam); ctrl(C,'caveDY','pos Y · height',-4,5,0.05,updateCaveDesktopCam); ctrl(C,'caveDZ','pos Z · dolly / zoom',0.3,20,0.05,updateCaveDesktopCam); ctrl(C,'caveDAX','aim X · pan L/R',-12,12,0.05,updateCaveDesktopCam); ctrl(C,'caveDAY','aim Y · tilt up/down',-4,5,0.05,updateCaveDesktopCam); ctrl(C,'caveDFov','Lens ° · zoom',10,80,0.5,updateCaveDesktopCam); sec(C,'WALL FIT — cave camera (AxCROSS mode only)'); ctrl(C,'caveX','X · pan',-12,12,0.1,applyCaveCam); ctrl(C,'caveY','Y · height',-4,5,0.05,applyCaveCam); ctrl(C,'caveZ','Z · dolly',1,30,0.2,applyCaveCam); ctrl(C,'caveFov','Lens (crop) °',4,60,0.5,applyCaveCam); ctrl(C,'caveTX','aim X',-12,12,0.1,applyCaveCam); ctrl(C,'caveTY','aim Y · tilt',-4,5,0.05,applyCaveCam); sec(C,'CAVE ROOT — move / rotate / scale the cave'); ctrl(C,'caveRX','pos X',-20,20,0.1,applyCaveRoot); ctrl(C,'caveRY','pos Y',-15,15,0.1,applyCaveRoot); ctrl(C,'caveRZ','pos Z',-20,20,0.1,applyCaveRoot); ctrl(C,'caveRRX','rot X · tip',-180,180,0.5,applyCaveRoot); ctrl(C,'caveRRY','rot Y · turn',-180,180,0.5,applyCaveRoot); ctrl(C,'caveRRZ','rot Z · roll',-180,180,0.5,applyCaveRoot); ctrl(C,'caveRSX','scale X',0.1,8,0.01,applyCaveRoot); ctrl(C,'caveRSY','scale Y',0.1,8,0.01,applyCaveRoot); ctrl(C,'caveRSZ','scale Z',0.1,8,0.01,applyCaveRoot); sec(C,'CAVE — brightness'); ctrl(C,'caveBright','brightness',0.1,6,0.05,applyCaveBright); // ═══════════════════════════════════════════════════════════════════════════════════════════════════ // ═══ PO LIGHTING — TWO INDEPENDENT WORLD-SPACE WORKING STATES (WALL vs DESKTOP) — AUDIT/CONTROL PASS ═══ // 2026-07-16: wraps the EXISTING 4-light PO rig (1 ambient + 3 directionals) + reports the RoomEnvironment // IBL separately (NOT wrapped yet). NO new real lights, NO visual change on load (working states are captured // FROM the live rig; nothing is applied at init). poLightingMode === caveLightingMode — single source of // truth; never re-parses the URL, never reads/writes localStorage. ONE physical rig; the URL picks which frozen // per-mode working state drives it (identical model to the cave lighting). distance/decay do NOT exist for // Directional/Ambient and are intentionally NOT exposed. Visual tuning happens NEXT step (WALL first). // ═══════════════════════════════════════════════════════════════════════════════════════════════════ const poLightingMode = caveLightingMode; // ★ reuse the immutable cave mode — PO & cave never decide mode independently window.poLightingMode = poLightingMode; [poKey, poFill, poRim].forEach(L => { scene.add(L.target); L.target.updateMatrixWorld(); }); // give directional targets a scene home so target X/Y/Z edits take effect (all at origin now → no visual change) // ═══ SHARED_PO_LIGHTING_BASE_LOCKED_2026_07_16 — the visually-approved PO base, captured EXACTLY from the live WALL state ═══ // env IBL + ambient + key/fill/rim directionals + PO_HERO_OVERHEAD_SPOT. Same composition in WALL & desktop. These values are // LOCKED here; nothing (no loader callback) overwrites them. The frontal face spot is added SEPARATELY (starting values only). const SHARED_PO_LIGHTING_BASE_LOCKED_2026_07_16 = { environmentIntensity: 0.25, ambient: { role:'room ambient base', type:'ambient', enabled:true, intensity:1.5, color:'#ffffff' }, // ★ FINAL RIG 2026-07-21 (L0) key: { role:'warm key (hero front)', type:'directional', enabled:true, intensity:1, color:'#feeed7', position:{x:3.12,y:2.3,z:7.5}, target:{x:7.05,y:1.35,z:-8} }, // ★ FINAL RIG (L1) fill: { role:'cool fill (shadow side)', type:'directional', enabled:true, intensity:0.8, color:'#9fb4ff', position:{x:-7,y:5,z:-11}, target:{x:-1.9,y:3.92,z:0} }, // ★ FINAL RIG (L2) rim: { role:'warm back-rim', type:'directional', enabled:true, intensity:3.15, color:'#ffd9a0', position:{x:0,y:6,z:-10}, target:{x:0,y:0,z:0} }, // ★ FINAL RIG (L3) hero_overhead: { role:'HERO overhead pool — die / envelope / lower hero rim', type:'spot', enabled:true, intensity:15.2, color:'#ffd39a', position:{x:0,y:5.2,z:2.2}, target:{x:0,y:1.9,z:0.6}, distance:8, angle:0.5, penumbra:0.31, decay:0.1 }, // ★ FINAL RIG (L4) }; window.SHARED_PO_LIGHTING_BASE_LOCKED_2026_07_16 = SHARED_PO_LIGHTING_BASE_LOCKED_2026_07_16; // ★ PO_HERO_FACE_SPOT — frontal light on the 刻印 face; user-tuned values baked 2026-07-16. const PO_HERO_FACE_SPOT_START = { role:'HERO face — front 刻印 lettering (frontal)', type:'spot', enabled:true, intensity:24.3, color:'#ffb561', position:{x:-0.7,y:1.9,z:6.2}, target:{x:0,y:1.6,z:0}, distance:12, angle:0.4189, penumbra:0.31, decay:0.5 }; // ★ FINAL RIG 2026-07-21 (L5) // ── init order 2: PO_HERO_OVERHEAD_SPOT (approved locked values — the existing overhead pool, renamed; NOT moved/retargeted/re-tuned) ── const poHeroOverhead = new THREE.SpotLight(0xffd39a, 15.2, 8, 0.5, 0.31, 0.1); // (color, intensity, distance, angle, penumbra, decay) — ★ FINAL RIG 2026-07-21 (L4) poHeroOverhead.name = 'PO_HERO_OVERHEAD_SPOT'; poHeroOverhead.position.set(0, 5.2, 2.2); poHeroOverhead.castShadow = false; poHeroOverhead.target.position.set(0, 1.9, 0.6); scene.add(poHeroOverhead); scene.add(poHeroOverhead.target); poHeroOverhead.target.updateMatrixWorld(); window._poHeroOverhead = poHeroOverhead; window._poHeroSpot = poHeroOverhead; // keep the old alias pointing at the overhead spot // ── init order 3: PO_HERO_FACE_SPOT (new frontal face light) ── const poHeroFace = new THREE.SpotLight(0xffb561, 24.3, 12, 0.4189, 0.31, 0.5); // ★ FINAL RIG 2026-07-21 (L5) poHeroFace.name = 'PO_HERO_FACE_SPOT'; poHeroFace.position.set(-0.7, 1.9, 6.2); // ★ FINAL RIG (L5) poHeroFace.castShadow = false; poHeroFace.target.position.set(0, 1.6, 0); // ★ FINAL RIG (L5) aim scene.add(poHeroFace); scene.add(poHeroFace.target); poHeroFace.target.updateMatrixWorld(); window._poHeroFace = poHeroFace; const PO_LIGHT_REFS = [ { key:'ambient', role:SHARED_PO_LIGHTING_BASE_LOCKED_2026_07_16.ambient.role, type:'ambient', light:poAmbient }, { key:'key', role:SHARED_PO_LIGHTING_BASE_LOCKED_2026_07_16.key.role, type:'directional', light:poKey }, { key:'fill', role:SHARED_PO_LIGHTING_BASE_LOCKED_2026_07_16.fill.role, type:'directional', light:poFill }, { key:'rim', role:SHARED_PO_LIGHTING_BASE_LOCKED_2026_07_16.rim.role, type:'directional', light:poRim }, { key:'hero_overhead', role:SHARED_PO_LIGHTING_BASE_LOCKED_2026_07_16.hero_overhead.role, type:'spot', light:poHeroOverhead }, { key:'hero_face', role:PO_HERO_FACE_SPOT_START.role, type:'spot', light:poHeroFace }, ]; window.PO_LIGHT_REFS = PO_LIGHT_REFS; // build a working state from the LOCKED base (+ face-spot starting values); JSON deep-clone every nested object → nothing shared const _cloneEntry = e => JSON.parse(JSON.stringify(e)); function _buildPOWorkingState(){ const B=SHARED_PO_LIGHTING_BASE_LOCKED_2026_07_16; const s={}; s.ambient=_cloneEntry(B.ambient); s.key=_cloneEntry(B.key); s.fill=_cloneEntry(B.fill); s.rim=_cloneEntry(B.rim); s.hero_overhead=_cloneEntry(B.hero_overhead); s.hero_face=_cloneEntry(PO_HERO_FACE_SPOT_START); s.environmentIntensity=B.environmentIntensity; return s; } // two INDEPENDENT deep clones — separate builder calls → NO shared arrays/objects/refs. WALL & desktop start with IDENTICAL values. const WALL_PO_LIGHTING_WORKING = _buildPOWorkingState(); const DESKTOP_PO_LIGHTING_WORKING = _buildPOWorkingState(); window.WALL_PO_LIGHTING_WORKING = WALL_PO_LIGHTING_WORKING; window.DESKTOP_PO_LIGHTING_WORKING = DESKTOP_PO_LIGHTING_WORKING; const _activePOWorking = () => (poLightingMode==='wall') ? WALL_PO_LIGHTING_WORKING : DESKTOP_PO_LIGHTING_WORKING; const _activePOWorkingName = () => (poLightingMode==='wall') ? 'WALL_PO_LIGHTING_WORKING' : 'DESKTOP_PO_LIGHTING_WORKING'; // authoritative apply — writes ONLY the current mode's working state onto the 4 real lights (not called at init) window.applyWorkingPOLightingForCurrentMode = function(){ const st=_activePOWorking(); for(const rec of PO_LIGHT_REFS){ const e=st[rec.key], L=rec.light; L.visible=e.enabled; L.intensity=e.intensity; L.color.set(e.color); if(e.position) L.position.set(e.position.x, e.position.y, e.position.z); // ambient has no position if((rec.type==='directional'||rec.type==='spot') && e.target){ L.target.position.set(e.target.x, e.target.y, e.target.z); L.target.updateMatrixWorld(); } if(rec.type==='spot'){ if('distance'in e)L.distance=e.distance; if('angle'in e)L.angle=e.angle; if('penumbra'in e)L.penumbra=e.penumbra; if('decay'in e)L.decay=e.decay; } } if(typeof st.environmentIntensity==='number') scene.environmentIntensity=st.environmentIntensity; // room-base IBL strength if(window._updatePOLightMarkers) window._updatePOLightMarkers(); console.log('PO LIGHTING applied · mode='+poLightingMode+' · state='+_activePOWorkingName()); }; window.kokuinDumpActivePOLighting = function(){ const R=v=>(v==null?null:+v.toFixed(3)); const V=camera.position.constructor; const wp=new V(); const st=_activePOWorking(); const lights = PO_LIGHT_REFS.map((rec,i)=>{ const L=rec.light; L.getWorldPosition(wp); const e=st[rec.key]; const posOK = !e.position || (R(L.position.x)===R(e.position.x) && R(L.position.y)===R(e.position.y) && R(L.position.z)===R(e.position.z)); const matches = L.visible===e.enabled && R(L.intensity)===R(e.intensity) && ('#'+L.color.getHexString())===e.color.toLowerCase() && posOK; const hasT=(rec.type==='directional'||rec.type==='spot'); return { index:i, key:rec.key, role:rec.role, type:L.type, worldPos:[R(wp.x),R(wp.y),R(wp.z)], intensity:R(L.intensity), color:'#'+L.color.getHexString(), target:hasT?[R(L.target.position.x),R(L.target.position.y),R(L.target.position.z)]:null, distance:(L.distance!==undefined?R(L.distance):'n/a'), decay:(L.decay!==undefined?R(L.decay):'n/a'), angle:(L.angle!==undefined?R(L.angle):'n/a'), penumbra:(L.penumbra!==undefined?R(L.penumbra):'n/a'), visible:L.visible, matchesWorkingState:matches }; }); let shares=false; for(const rec of PO_LIGHT_REFS){ const a=WALL_PO_LIGHTING_WORKING[rec.key], b=DESKTOP_PO_LIGHTING_WORKING[rec.key]; if(a===b || (a.position&&b.position&&a.position===b.position) || (a.target&&b.target&&a.target===b.target)) shares=true; } const out={ locationHref:location.href, poLightingMode, caveLightingMode, modeMatchesCave:(poLightingMode===caveLightingMode), selectedWorkingState:_activePOWorkingName(), renderedPOScene:(window._scene===scene?'window._scene (the scene passed to renderer.render() in the PO pass)':'MISMATCH'), poCamera:(window.camera===camera?'window.camera (PO camera in renderer.render(scene,camera))':'MISMATCH'), iblEnvironment:(scene.environment?'RoomEnvironment PMREM (blur sigma 0.04 & material envMapIntensity untouched)':'none'), environmentIntensity: R(scene.environmentIntensity), workingEnvironmentIntensity: R(_activePOWorking().environmentIntensity), environmentIntensityMatches: (R(scene.environmentIntensity)===R(_activePOWorking().environmentIntensity)), everyLightMatchesWorkingState: lights.every(l=>l.matchesWorkingState), wallDesktopShareMutableRefs: shares, lights }; console.log('kokuinDumpActivePOLighting', out); return out; }; window.kokuinDumpBothPOLightingStates = function(){ const clone=o=>JSON.parse(JSON.stringify(o)); const out={ poLightingMode, activeState:_activePOWorkingName(), WALL_PO_LIGHTING_WORKING:clone(WALL_PO_LIGHTING_WORKING), DESKTOP_PO_LIGHTING_WORKING:clone(DESKTOP_PO_LIGHTING_WORKING) }; console.log('kokuinDumpBothPOLightingStates', out); return out; }; // ---- PO light debug markers (no light, no shadow, hidden by default; numbered; follow lights live) ---- window.debugPOLightMarkers=false; (function(){ const PAL=[0xffffff,0xff9030,0x60a0ff,0xffd060,0xffd39a,0xff6ec7]; const mk=[]; let built=false; const spotExtras=[]; const wp=new (camera.position.constructor)(); function build(){ if(built)return; built=true; PO_LIGHT_REFS.forEach((rec,i)=>{ const m=new THREE.Mesh(new THREE.SphereGeometry(0.12,10,8), new THREE.MeshBasicMaterial({color:PAL[i%PAL.length],depthTest:false,depthWrite:false,toneMapped:false})); m.renderOrder=997; m.name='POLIGHT_MK_'+i; m.visible=false; m.castShadow=false; scene.add(m); mk.push(m); }); PO_LIGHT_REFS.forEach(rec=>{ if(rec.type!=='spot') return; // per-spot TARGET marker (cyan) + cone helper (wireframe only — no light, no shadow, does NOT affect the lit result) const tgtMk=new THREE.Mesh(new THREE.SphereGeometry(0.10,10,8), new THREE.MeshBasicMaterial({color:0x00ffcc,depthTest:false,depthWrite:false,toneMapped:false})); tgtMk.renderOrder=997; tgtMk.name='POLIGHT_MK_TGT_'+rec.key; tgtMk.visible=false; tgtMk.castShadow=false; scene.add(tgtMk); const helper=new THREE.SpotLightHelper(rec.light, rec.light.color.getHex()); helper.name='PO_CONE_'+rec.key; helper.visible=false; scene.add(helper); spotExtras.push({rec,tgtMk,helper}); }); } window._updatePOLightMarkers=function(){ const on=!!window.debugPOLightMarkers; if(on&&!built)build(); if(!built)return; for(let i=0;i{ const d=document.createElement('div'); d.className='hd'; d.textContent=t; C.append(d); return d; }; const cap=t=>{ const d=document.createElement('div'); d.className='cap'; d.textContent=t; C.append(d); return d; }; const mkSlider=(label,min,max,step,val,onIn,fmt)=>{ fmt=fmt||(x=>(+x).toFixed(2)); const wrap=document.createElement('div'); const c=document.createElement('div'); c.className='cap'; c.textContent=label; const line=document.createElement('div'); line.className='line'; const num=document.createElement('input'); num.type='number'; num.step=step; num.value=val; const sld=document.createElement('input'); sld.type='range'; sld.min=min; sld.max=max; sld.step=step; sld.value=val; const vv=document.createElement('span'); vv.className='cap'; vv.textContent=fmt(val); line.append(num,sld,vv); wrap.append(c,line); C.append(wrap); num.addEventListener('input',e=>{ const x=parseFloat(e.target.value); if(isNaN(x))return; sld.value=x; vv.textContent=fmt(x); onIn(x); }); sld.addEventListener('input',e=>{ const x=parseFloat(e.target.value); if(isNaN(x))return; num.value=x; vv.textContent=fmt(x); onIn(x); }); return { set:x=>{ num.value=x; sld.value=x; vv.textContent=fmt(x); } }; }; hd('PO LIGHTING — '+(poLightingMode==='wall'?'WALL / AxCROSS':'DESKTOP')); cap('editing → '+_activePOWorkingName()+' (other mode untouched · no localStorage)'); // ── ROOM BASE: IBL / environment intensity → scene.environmentIntensity (per-mode working state) ── cap('env / IBL → scene.environmentIntensity · PMREM sigma 0.04 & material envMapIntensity untouched'); let _poEnvUI=null; window.setPOEnvironmentIntensity=function(v){ let x=parseFloat(v); if(isNaN(x))return; x=Math.min(2,Math.max(0,x)); scene.environmentIntensity=x; _activePOWorking().environmentIntensity=x; if(_poEnvUI)_poEnvUI.set(x); }; // edits ACTIVE mode only _poEnvUI=mkSlider('PO ENVIRONMENT / IBL INTENSITY',0,2,0.01,scene.environmentIntensity,window.setPOEnvironmentIntensity); { const row=document.createElement('div'); row.className='row'; const b=document.createElement('button'); b.textContent='DEBUG PO LIGHT MARKERS'; b.onclick=()=>{ window.debugPOLightMarkers=!window.debugPOLightMarkers; b.classList.toggle('on',window.debugPOLightMarkers); window._updatePOLightMarkers(); }; row.append(b); C.append(row); } // SOLO PO LIGHT — hide the others, preserve prior visibility, restore on NONE; cave untouched window._poSoloState=null; let _soloSel=null; window.setSoloPOLight=idx=>{ const n=(idx==='NONE'||idx==null)?null:parseInt(idx,10); if(n===null){ if(window._poSoloState){ PO_LIGHT_REFS.forEach((rec,i)=>{ rec.light.visible=window._poSoloState[i]; }); window._poSoloState=null; } } else { if(!window._poSoloState) window._poSoloState=PO_LIGHT_REFS.map(rec=>rec.light.visible); PO_LIGHT_REFS.forEach((rec,i)=>{ rec.light.visible=(i===n); }); } if(_soloSel) _soloSel.value=(n===null?'NONE':String(n)); }; { const wrap=document.createElement('div'); const c=document.createElement('div'); c.className='cap'; c.textContent='SOLO PO LIGHT'; const s=document.createElement('select'); ['NONE'].concat(PO_LIGHT_REFS.map((rec,i)=>String(i))).forEach(o=>{ const op=document.createElement('option'); op.value=o; op.textContent=(o==='NONE')?'NONE':(o+' · '+PO_LIGHT_REFS[+o].key.toUpperCase()); s.append(op); }); s.style.cssText='background:#1a1310;color:#ffd080;border:1px solid #ffb04044;font:11px monospace;padding:3px;border-radius:3px;margin-top:3px;'; s.addEventListener('change',e=>window.setSoloPOLight(e.target.value)); wrap.append(c,s); C.append(wrap); _soloSel=s; } const st=_activePOWorking(); const V=camera.position.constructor; const wp=new V(); PO_LIGHT_REFS.forEach((rec,i)=>{ const L=rec.light; const e=st[rec.key]; const isDir=(rec.type==='directional'), isSpot=(rec.type==='spot'), isAmb=(rec.type==='ambient'), hasT=(isDir||isSpot); const typeLabel = isSpot?'SpotLight':(isDir?'Directional':'Ambient'); hd('PO LIGHT '+i+' — '+rec.key.toUpperCase()+' ('+typeLabel+')'); cap(rec.role); L.getWorldPosition(wp); const wposEl=cap('world '+[wp.x,wp.y,wp.z].map(v=>+v.toFixed(2)).join(', ')+(isAmb?' (non-positional)':'')); const updWorld=()=>{ L.getWorldPosition(wp); wposEl.textContent='world '+[wp.x,wp.y,wp.z].map(v=>+v.toFixed(2)).join(', ')+(isAmb?' (non-positional)':''); if(window._updatePOLightMarkers)window._updatePOLightMarkers(); }; { const row=document.createElement('div'); row.className='row'; const b=document.createElement('button'); b.textContent='enabled'; b.classList.toggle('on',L.visible); b.onclick=()=>{ L.visible=!L.visible; e.enabled=L.visible; b.classList.toggle('on',L.visible); }; row.append(b); C.append(row); } mkSlider('intensity',0,isSpot?30:(isDir?4:2),isSpot?0.1:0.01,L.intensity,x=>{ L.intensity=x; e.intensity=x; }); { const wrap=document.createElement('div'); const c=document.createElement('div'); c.className='cap'; c.textContent='color'; const line=document.createElement('div'); line.className='line'; const col=document.createElement('input'); col.type='color'; col.value='#'+L.color.getHexString(); col.style.cssText='flex:1;height:22px;background:#1a1310;border:1px solid #ffb04044;border-radius:3px;'; col.addEventListener('input',ev=>{ L.color.set(ev.target.value); e.color=ev.target.value; }); line.append(col); wrap.append(c,line); C.append(wrap); } if(hasT){ mkSlider('pos X',L.position.x-15,L.position.x+15,0.1,L.position.x,x=>{ L.position.x=x; e.position.x=x; updWorld(); }); mkSlider('pos Y',L.position.y-15,L.position.y+15,0.1,L.position.y,x=>{ L.position.y=x; e.position.y=x; updWorld(); }); mkSlider('pos Z',L.position.z-15,L.position.z+15,0.1,L.position.z,x=>{ L.position.z=x; e.position.z=x; updWorld(); }); mkSlider('target X',-15,15,0.1,L.target.position.x,x=>{ L.target.position.x=x; L.target.updateMatrixWorld(); e.target.x=x; if(window._updatePOLightMarkers)window._updatePOLightMarkers(); }); mkSlider('target Y',-15,15,0.1,L.target.position.y,x=>{ L.target.position.y=x; L.target.updateMatrixWorld(); e.target.y=x; if(window._updatePOLightMarkers)window._updatePOLightMarkers(); }); mkSlider('target Z',-15,15,0.1,L.target.position.z,x=>{ L.target.position.z=x; L.target.updateMatrixWorld(); e.target.z=x; if(window._updatePOLightMarkers)window._updatePOLightMarkers(); }); } if(isSpot){ mkSlider('distance',0,15,0.1,L.distance,x=>{ L.distance=x; e.distance=x; if(window._updatePOLightMarkers)window._updatePOLightMarkers(); }); mkSlider('angle (rad)',0.05,1.2,0.01,L.angle,x=>{ L.angle=x; e.angle=x; if(window._updatePOLightMarkers)window._updatePOLightMarkers(); }); mkSlider('penumbra',0,1,0.01,L.penumbra,x=>{ L.penumbra=x; e.penumbra=x; }); mkSlider('decay',0,3,0.1,L.decay,x=>{ L.decay=x; e.decay=x; }); } }); console.log('PO LIGHTING controls ready · mode='+poLightingMode+' · dump → kokuinDumpActivePOLighting() · both → kokuinDumpBothPOLightingStates()'); })(); function syncInputs(){ for (const k in inputs){ const v = state[k]; inputs[k].num.value = (typeof v === 'number') ? +v.toFixed(3) : v; inputs[k].sld.value = v; } } // ★ DESKTOP-CROP cave-cam FREEZE controller — single source of truth = LOCKED_DESK. L toggles debug unlock. const DESK_KEYS = ['caveDX','caveDY','caveDZ','caveDAX','caveDAY','caveDFov']; const lockTag = document.createElement('div'); lockTag.id = 'lockTag'; document.body.appendChild(lockTag); function applyDeskLock(){ if (deskLocked) Object.assign(state, LOCKED_DESK); // always restore the EXACT locked values DESK_KEYS.forEach(k => { const ip = inputs[k]; if (ip){ ip.num.disabled = deskLocked; ip.sld.disabled = deskLocked; } }); updateCaveDesktopCam(); syncInputs(); save(); lockTag.textContent = deskLocked ? 'CAVE CAMERA: LOCKED' : 'CAVE CAMERA: UNLOCKED — press L'; lockTag.classList.toggle('unlocked', !deskLocked); } // ---- buttons ---- const $ = id => document.getElementById(id); $('btnGuide').onclick = () => { guide.visible = !guide.visible; $('btnGuide').classList.toggle('on', guide.visible); }; $('btnRoom').onclick = () => { roomHidden = !roomHidden; applyCut(); $('btnRoom').classList.toggle('on', roomHidden); }; $('btnBand').onclick = () => { state.band = !state.band; $('btnBand').classList.toggle('on', state.band); applyBand(); resize(); save(); }; // ⚠ WALL RESET IS STALE — do not use until dedicated WALL profile integration after cave animations. // The wall-cam reset values (caveX/Y/Z/Fov/TX/TY) + shared caveRoot here are the OLD DEFAULTS, NOT the // authoritative WALL_PROFILE_RECOVERED (Exports/localStorage_backup/WALL_PROFILE_RECOVERED.json — kept dormant). // Resetting in WALL mode will NOT restore the approved 18m composition. DESKTOP CROP reset is fine. $('btnReset').onclick = () => { // reset CAVE ONLY — the locked conveyor is never touched if (!window.CAVE_EDITING_UNLOCKED) return; // ★ locked: cave reset-to-DEFAULTS disabled (use window.kokuinResetCaveToApproved()) ['caveX','caveY','caveZ','caveFov','caveTX','caveTY','caveDX','caveDY','caveDZ','caveDAX','caveDAY','caveDFov','caveBright','caveRX','caveRY','caveRZ','caveRRX','caveRRY','caveRRZ','caveRSX','caveRSY','caveRSZ'].forEach(k => state[k] = DEFAULTS[k]); syncInputs(); applyCaveCam(); updateCaveDesktopCam(); applyCaveBright(); applyCaveRoot(); save(); }; const RB = { fit:'rFit', A:'rA', B:'rB', C:'rC' }; function setCrop(k){ state.crop = k; wallAR = RATIOS[k]; Object.values(RB).forEach(id => $(id).classList.remove('on')); $(RB[k]).classList.add('on'); resize(); save(); } $('rFit').onclick = () => setCrop('fit'); $('rA').onclick = () => setCrop('A'); $('rB').onclick = () => setCrop('B'); $('rC').onclick = () => setCrop('C'); function lockCam(){ const p = camera.position, fwd = new THREE.Vector3(); camera.getWorldDirection(fwd); const t = p.clone().add(fwd.multiplyScalar(10)); const out = `camera.position.set(${p.x.toFixed(3)}, ${p.y.toFixed(3)}, ${p.z.toFixed(3)}); camera.lookAt(${t.x.toFixed(3)}, ${t.y.toFixed(3)}, ${t.z.toFixed(3)}); camera.fov = ${state.fov};`; console.log(out); navigator.clipboard && navigator.clipboard.writeText(out).then(()=>console.log('(copied)'),()=>{}); } $('btnLock').onclick = lockCam; window.addEventListener('keydown', e => { if (window.KOKUIN_PRESENTATION_MODE) return; // ★ presentation: all camera/panel shortcuts disabled if (e.key === 'p' || e.key === 'P') lockCam(); if (e.key === 'h' || e.key === 'H') { const pn = document.getElementById('panel'); pn.style.display = (pn.style.display === 'none') ? '' : 'none'; } if (e.key === 'l' || e.key === 'L') { deskLocked = !deskLocked; applyDeskLock(); // ★ debug-unlock / re-lock the DESKTOP CROP cave cam console.log('DESKTOP CROP cave cam:', deskLocked ? 'LOCKED' : 'UNLOCKED (debug)'); } }); // ---- mouse "hand" (updates state, syncs inputs) ---- const clamp = (v,a,b) => Math.min(b, Math.max(a, v)); const cvs = renderer.domElement; let drag = null; cvs.style.cursor = 'grab'; cvs.addEventListener('contextmenu', e => e.preventDefault()); cvs.addEventListener('pointerdown', e => { drag = { x:e.clientX, y:e.clientY, btn:e.button, shift:e.shiftKey }; cvs.setPointerCapture(e.pointerId); cvs.style.cursor='grabbing'; }); cvs.addEventListener('pointerup', () => { drag = null; cvs.style.cursor='grab'; save(); }); cvs.addEventListener('pointermove', e => { if (!drag) return; // mouse drives whichever cave cam the current mode shows if (!window.CAVE_EDITING_UNLOCKED) return; // ★ locked: cave camera drag disabled const dx = e.clientX - drag.x, dy = e.clientY - drag.y; drag.x = e.clientX; drag.y = e.clientY; if (PREVIEW_MODE === 'crop') { // DESKTOP CROP → move the desktop cave cam (truck/pedestal: camera + aim together) if (deskLocked) return; // ★ camera FROZEN in DESKTOP CROP — press L to debug-unlock const k = 0.008 * (state.caveDFov/40); state.caveDX = clamp(state.caveDX - dx*k, -12, 12); state.caveDAX = clamp(state.caveDAX - dx*k, -12, 12); state.caveDY = clamp(state.caveDY + dy*k, -4, 5); state.caveDAY = clamp(state.caveDAY + dy*k, -4, 5); updateCaveDesktopCam(); syncInputs(); } else { // WALL FIT → move the wall cave cam const k = 0.01 * (state.caveFov/40); state.caveX = clamp(state.caveX - dx*k, -12, 12); state.caveTX = clamp(state.caveTX - dx*k, -12, 12); state.caveY = clamp(state.caveY + dy*k, -4, 5); state.caveTY = clamp(state.caveTY + dy*k, -4, 5); applyCaveCam(); syncInputs(); } }); cvs.addEventListener('wheel', e => { e.preventDefault(); // scroll = dolly the active cave cam if (!window.CAVE_EDITING_UNLOCKED) return; // ★ locked: cave camera zoom disabled if (PREVIEW_MODE === 'crop') { if (deskLocked) return; // ★ zoom FROZEN in DESKTOP CROP — press L to debug-unlock state.caveDZ = clamp(state.caveDZ + Math.sign(e.deltaY)*0.3, 0.3, 20); updateCaveDesktopCam(); } else { state.caveZ = clamp(state.caveZ + Math.sign(e.deltaY)*0.5, 1, 30); applyCaveCam(); } syncInputs(); save(); }, { passive:false }); // ---- FIXED virtual composition (8950×1080 aspect) — cameras NEVER recalc from the browser ---- let wallAR = RATIOS[state.crop]; // kept so setCrop() doesn't error; not used for sizing anymore const RENDER_W = 8950, RENDER_H = 1080; // ★ NATIVE 8950×1080 (2026-07-16, both modes); 8.287:1; 60/40 split = 648 / 432 (PO 8950×648 · cave 8950×432); pixelRatio forced to 1 below so DPR never multiplies the backing buffer let PREVIEW_MODE = 'crop'; // 'crop' = DESKTOP CROP (fill height, clip L/R) · 'wall' = WALL FIT (letterbox whole piece) renderer.setPixelRatio(1); renderer.setSize(RENDER_W, RENDER_H, false); // fixed drawing buffer — never resized camera.aspect = RENDER_W / (RENDER_H * 0.6); camera.updateProjectionMatrix(); // PO camera LOCKED to 8950/648 function resize() { // ONLY CSS-fits the fixed-aspect canvas — never touches renderer or cameras if (window._physInspect && window._physInspect.active) { window._physInspect.relayout(); return; } // ★ physicalinspect owns canvas layout — preserve calibrated physical size, re-clamp pan, refresh overlay const W = window.innerWidth, H = window.innerHeight, AR = RENDER_W / RENDER_H; const c = renderer.domElement; c.style.position = 'absolute'; if (PREVIEW_MODE === 'wall') { // WALL FIT: whole 8.29:1 letterboxed inside the window let dw = W, dh = Math.round(W / AR); if (dh > H) { dh = H; dw = Math.round(H * AR); } c.style.width = dw+'px'; c.style.height = dh+'px'; c.style.left = ((W-dw)/2)+'px'; c.style.top = ((H-dh)/2)+'px'; } else { // DESKTOP CROP: fill height, center, clip sides (body overflow:hidden) const dh = H, dw = Math.round(H * AR); c.style.width = dw+'px'; c.style.height = dh+'px'; c.style.left = Math.round((W-dw)/2)+'px'; c.style.top = '0px'; } } window.addEventListener('resize', resize); window.addEventListener('keydown', e => { if (window.KOKUIN_PRESENTATION_MODE) return; if (e.key==='w'||e.key==='W'){ applyViewMode(currentViewMode==='wall'?'desktop':'wall'); } }); // ★ presentation: mode-switch shortcut disabled // ═══════════════════════════════════════════════════════════════════════════════════════════════ // ★ DEBUG-ONLY — CALIBRATED 1:1 PHYSICAL WALL INSPECTION (?mode=axcross&physicalinspect=1 ONLY) // The EXISTING composed 8950×1080 canvas (renderer.domElement) is CSS-sized to the artwork's LITERAL physical // size (18m×2.5m at a ruler-calibrated CSS px/in) and panned; the monitor shows only the physically-matching // slice. Non-square pixel pitch (8950px→18m H, 1080px→2.5m V) is intentional. It NEVER moves cameras, changes // composition, resizes the renderer backing buffer, or touches scene/lighting/materials/timing/*TEST/bowl code. // Fully gated: normal ?mode=axcross and ?mode=axcross&inspect=1 get NO listeners, overlay, or storage. // ═══════════════════════════════════════════════════════════════════════════════════════════════ if (PHYSICALINSPECT) (function(){ const CVS = renderer.domElement; const IN_PER_M = 39.37007874; const SRC_W = RENDER_W, SRC_H = RENDER_H; // 8950 × 1080 source pixels const PO_SRC_H = 648, CAVE_SRC_H = 432; // image-space: PO = top 648 rows → 1.5m · cave = bottom 432 rows → 1.0m const WALL = { W_M:18.0, H_M:2.5, PO_M:1.5, CAVE_M:1.0 }; const LSKEY = 'kokuin_physinspect_cal'; // isolated storage key — never collides with production keys const DEFAULT_PPI = 96; const clamp = (v,a,b)=> Math.min(b, Math.max(a,v)); // ---- calibration state (persisted) ---- let cal = { ppi:DEFAULT_PPI, calibrated:false, dpr:window.devicePixelRatio, ts:0 }; try { const raw = localStorage.getItem(LSKEY); if (raw){ const o = JSON.parse(raw); if (o && typeof o.ppi==='number' && o.ppi>10 && o.ppi<2000) cal = { ppi:o.ppi, calibrated:!!o.calibrated, dpr:o.dpr, ts:o.ts||0 }; } } catch(e){} let stale = !!cal.calibrated && cal.dpr !== window.devicePixelRatio; // device scale changed since calibration let panX = 0, panY = 0, overlayOn = true, calibrating = false, ppiEdit = cal.ppi; const wallWpx = ()=> WALL.W_M * IN_PER_M * cal.ppi; const wallHpx = ()=> WALL.H_M * IN_PER_M * cal.ppi; const fmtFtIn = (m)=>{ const ti=m*IN_PER_M, ft=Math.floor(ti/12); return ft+"' "+(ti-ft*12).toFixed(3)+'"'; }; const save = ()=>{ try { localStorage.setItem(LSKEY, JSON.stringify(cal)); } catch(e){} }; document.body.style.overflow = 'hidden'; // clip the oversized canvas to the monitor // ---- overlay + 1-ft ruler + calibration dialog (all inline styles; nothing leaks into page CSS) ---- const ov = document.createElement('div'); ov.style.cssText = 'position:fixed;left:10px;top:10px;z-index:100000;pointer-events:none;'+ 'font:11px/1.5 ui-monospace,Menlo,Consolas,monospace;color:#d8ecf2;background:rgba(6,10,14,0.74);'+ 'padding:9px 12px;border-radius:6px;border:1px solid rgba(120,200,220,0.3);white-space:pre;'; const ruler = document.createElement('div'); ruler.style.cssText = 'position:fixed;left:10px;bottom:10px;z-index:100000;pointer-events:none;height:20px;'+ 'border:1px solid #7fe0ff;box-sizing:border-box;'; const rulerLbl = document.createElement('div'); rulerLbl.style.cssText = 'position:absolute;left:1px;top:-14px;white-space:nowrap;font:9px ui-monospace,monospace;color:#7fe0ff;'; ruler.appendChild(rulerLbl); const dlg = document.createElement('div'); dlg.style.cssText = 'position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100001;display:none;'+ 'background:#0b1016;border:2px solid rgba(127,224,255,0.55);border-radius:10px;padding:20px 24px;'+ 'box-shadow:0 12px 60px rgba(0,0,0,0.85);font:13px ui-monospace,monospace;color:#d8ecf2;text-align:center;'; document.body.append(ov, ruler, dlg); function layout(){ // set canvas CSS to virtual-wall physical size + pan; clamp/center const winW = window.innerWidth, winH = window.innerHeight, Wpx = wallWpx(), Hpx = wallHpx(); CVS.style.position='absolute'; CVS.style.transform='none'; CVS.style.transformOrigin='0 0'; CVS.style.width = Wpx+'px'; CVS.style.height = Hpx+'px'; let leftCss, topCss; if (Wpx <= winW){ panX = 0; leftCss = (winW - Wpx)/2; } else { panX = clamp(panX, 0, Wpx-winW); leftCss = -panX; } if (Hpx <= winH){ panY = 0; topCss = (winH - Hpx)/2; } else { panY = clamp(panY, 0, Hpx-winH); topCss = -panY; } CVS.style.left = leftCss+'px'; CVS.style.top = topCss+'px'; } function updateOverlay(){ stale = !!cal.calibrated && cal.dpr !== window.devicePixelRatio; ruler.style.display = overlayOn ? 'block' : 'none'; if (!overlayOn){ ov.style.display='none'; return; } ov.style.display='block'; const winW = window.innerWidth, winH = window.innerHeight, Wpx = wallWpx(), Hpx = wallHpx(); const visSrcW = Math.min(1, winW/Wpx)*SRC_W, visSrcH = Math.min(1, winH/Hpx)*SRC_H; const srcLeft = (Wpx<=winW)?0: panX/Wpx*SRC_W, srcTop = (Hpx<=winH)?0: panY/Hpx*SRC_H; const srcRight = srcLeft+visSrcW, srcBottom = srcTop+visSrcH; const mL = srcLeft/SRC_W*WALL.W_M, mR = srcRight/SRC_W*WALL.W_M, mT = srcTop/SRC_H*WALL.H_M, mB = srcBottom/SRC_H*WALL.H_M; const visWm = visSrcW/SRC_W*WALL.W_M, visHm = visSrcH/SRC_H*WALL.H_M; const pctX = (Wpx<=winW)?0: panX/(Wpx-winW)*100, pctY = (Hpx<=winH)?0: panY/(Hpx-winH)*100; const inPO = srcTop < PO_SRC_H - 0.5, inCave = srcBottom > PO_SRC_H + 0.5; const region = (inPO&&inCave)?'PO + CAVE (both)':(inPO?'PO only':'CAVE only'); const status = cal.calibrated ? (stale?'STALE — RECALIBRATE (press C)':'CALIBRATED (true 1:1)') : 'UNCALIBRATED ESTIMATE'; // 1-ft ruler tracks calibration ruler.style.width = (12*cal.ppi)+'px'; ruler.style.background = 'repeating-linear-gradient(90deg, rgba(127,224,255,0.65) 0, rgba(127,224,255,0.65) 1px, rgba(127,224,255,0.06) 1px, rgba(127,224,255,0.06) '+cal.ppi+'px)'; rulerLbl.textContent = '1 ft ('+(cal.calibrated? 'calibrated' : 'UNCALIBRATED est')+')'; ov.textContent = 'PHYSICAL WALL INSPECT — '+status+'\n'+ (stale ? '⚠ device scale changed (cal DPR '+cal.dpr+' → now '+window.devicePixelRatio+') · press C\n' : '')+ (cal.calibrated ? '' : '⚠ using '+DEFAULT_PPI+' px/in default · press C to calibrate to a real ruler\n')+ 'keep browser zoom 100% (Ctrl+0) · DPR '+window.devicePixelRatio+'\n'+ 'px/in '+cal.ppi.toFixed(2)+'\n'+ 'full wall 18.000 m × 2.500 m ('+fmtFtIn(18)+' × '+fmtFtIn(2.5)+')\n'+ 'visible now '+visWm.toFixed(3)+' m × '+visHm.toFixed(3)+' m ('+fmtFtIn(visWm)+' × '+fmtFtIn(visHm)+')\n'+ 'pos meters X '+mL.toFixed(3)+' → '+mR.toFixed(3)+' Y '+mT.toFixed(3)+' → '+mB.toFixed(3)+'\n'+ 'pos ft/in X '+fmtFtIn(mL)+' → '+fmtFtIn(mR)+'\n'+ ' Y '+fmtFtIn(mT)+' → '+fmtFtIn(mB)+'\n'+ 'pos src px X '+Math.round(srcLeft)+' → '+Math.round(srcRight)+' / '+SRC_W+' Y '+Math.round(srcTop)+' → '+Math.round(srcBottom)+' / '+SRC_H+'\n'+ 'across wall H '+pctX.toFixed(1)+'% V '+pctY.toFixed(1)+'%\n'+ 'region '+region+' (PO=top 1.5m · cave=bottom 1.0m)\n'+ 'keys ←→↑↓ pan · Shift faster · 0 top-left · C calibrate · I overlay'; } function relayout(){ layout(); updateOverlay(); } function updateDialog(){ dlg.innerHTML = '

PHYSICAL CALIBRATION

'+ '

⚠ Set browser zoom to 100% (Ctrl+0) first — and keep it there.

'+ '

Hold a real ruler to the screen; adjust until this bar is exactly 1 inch:

'+ '

= 1 inch · '+ppiEdit.toFixed(2)+' CSS px/in · DPR '+window.devicePixelRatio+'

'+ '

← / → fine ±0.5 Shift+← / → coarse ±5
Enter save · Esc cancel

'; } function openCalibration(){ calibrating = true; ppiEdit = cal.ppi; dlg.style.display='block'; updateDialog(); } function closeCalibration(sav){ if (sav){ cal.ppi = ppiEdit; cal.calibrated = true; cal.dpr = window.devicePixelRatio; cal.ts = Date.now(); stale = false; save(); } calibrating = false; dlg.style.display='none'; relayout(); } function onKey(e){ if (calibrating){ let step = 0; if (e.key==='ArrowLeft') step = e.shiftKey ? -5 : -0.5; else if (e.key==='ArrowRight') step = e.shiftKey ? 5 : 0.5; else if (e.key==='Enter'){ closeCalibration(true); e.preventDefault(); e.stopPropagation(); return; } else if (e.key==='Escape'){ closeCalibration(false); e.preventDefault(); e.stopPropagation(); return; } else return; // let other keys pass (no pan — panning is blocked while calibrating) ppiEdit = clamp(ppiEdit + step, 12, 1000); updateDialog(); e.preventDefault(); e.stopPropagation(); return; } const step = e.shiftKey ? 240 : 40; let handled = true; switch (e.key){ case 'ArrowLeft': panX -= step; break; case 'ArrowRight': panX += step; break; case 'ArrowUp': panY -= step; break; case 'ArrowDown': panY += step; break; case '0': panX = 0; panY = 0; break; case 'c': case 'C': openCalibration(); break; case 'i': case 'I': overlayOn = !overlayOn; break; default: handled = false; } if (handled){ relayout(); e.preventDefault(); e.stopPropagation(); } } window.addEventListener('keydown', onKey, true); // capture phase — owns keys before any existing handler window._physInspect = { active:true, relayout, get calibrated(){ return cal.calibrated; }, recalibrate:openCalibration }; relayout(); if (!cal.calibrated) openCalibration(); // first entry with no stored calibration → prompt immediately setInterval(()=>{ if (!calibrating) updateOverlay(); }, 1000); // catch device-scale / monitor changes that don't fire resize console.log('PHYSICAL WALL INSPECT ready · '+(cal.calibrated?('CALIBRATED '+cal.ppi.toFixed(2)+' px/in'+(stale?' (STALE)':'')):'UNCALIBRATED — press C')+' · keys ←→↑↓/Shift/0/C/I'); })(); // ═══ ISOLATED VIEW-MODE FRAMING — two immutable profiles; shared cave-root + band explicitly restored on every switch (selecting the camera alone is not enough) ═══ const LOCKED_DESKTOP_PROFILE = { // recorded from approved desktop (DEFAULTS cam + LOCKED_DESK + DEFAULTS root/band). Immutable — never overwritten by wall tuning. caveX:0.16, caveY:1.05, caveZ:2.336, caveFov:55, caveTX:0.16, caveTY:1.05, // approved-desktop wall-cam defaults — reset on desktop entry so wall tuning never leaks into the desktop key caveDX:0.33, caveDY:0.35, caveDZ:4, caveDAX:0.33, caveDAY:0.369, caveDFov:15, caveRX:0, caveRY:0, caveRZ:0, caveRRX:0, caveRRY:0, caveRRZ:0, caveRSX:1, caveRSY:1.05, caveRSZ:1, band:true, bandAuto:false, bandScale:0.603, bandCropY:3.8, }; const RECOVERED_WALL_PROFILE = { // ★ RECOVERY CANDIDATE 2026-07-16: values = WALL_CHECKPOINT_2026_07_15 (the coupled framing the WALL lights were tuned against; lights sit ABOVE the floor → pools). Prior RECOVERED values buried the lights below the floor. caveX:0, caveY:0.35, caveZ:5.4, caveFov:11.5, caveTX:0, caveTY:0, caveRX:0, caveRY:-0.4, caveRZ:0, caveRRX:0, caveRRY:0, caveRRZ:0, caveRSX:1.51, caveRSY:1.04, caveRSZ:0.57, band:true, bandAuto:true, bandScale:0.6030661705511576, bandCropY:3.8, }; Object.freeze(LOCKED_DESKTOP_PROFILE); Object.freeze(RECOVERED_WALL_PROFILE); // ★ immutable source data — runtime controls edit only the disposable `state`; presets can never be mutated by reference // ★ 2026-07-16 CAVE HARD-LOCK: always the IMMUTABLE approved WALL cave. localStorage (kokuin_axcross_wall_v1) is // deliberately IGNORED here — it was restoring accidental live-control moves over the approved profile on reload. function getWallProfile(){ return structuredClone(RECOVERED_WALL_PROFILE); // disposable deep clone; RECOVERED_WALL_PROFILE itself stays frozen/immutable } function applyViewMode(mode){ const wall = (mode === 'wall'); Object.assign(state, wall ? getWallProfile() : LOCKED_DESKTOP_PROFILE); // wall = latest saved/recovered; desktop = locked profile currentViewMode = mode; PREVIEW_MODE = wall ? 'wall' : 'crop'; if (wall) applyCaveCam(); // caveCamera ← caveX/caveY/caveZ/caveFov/caveTX/caveTY (aim z = 0) else applyDeskLock(); // caveCameraDesktop ← LOCKED_DESK + re-freeze desktop sliders applyCaveRoot(); // SHARED cave root ← caveR* (explicit restore in BOTH directions) applyBand(); // SHARED band ← bandScale/bandCropY/bandAuto syncInputs(); resize(); // existing letterbox/crop pathway — no new renderer sizing const cam = wall ? { x:state.caveX, y:state.caveY, z:state.caveZ, fov:state.caveFov, tx:state.caveTX, ty:state.caveTY, aimZ:0 } : { dx:state.caveDX, dy:state.caveDY, dz:state.caveDZ, dax:state.caveDAX, day:state.caveDAY, dfov:state.caveDFov }; console.log('VIEW MODE ·', wall ? 'WALL' : 'DESKTOP', '· camera', JSON.stringify(cam), '· root', JSON.stringify({ x:state.caveRX, y:state.caveRY, z:state.caveRZ, sx:state.caveRSX, sy:state.caveRSY, sz:state.caveRSZ, rot:[state.caveRRX,state.caveRRY,state.caveRRZ] }), '· band', JSON.stringify({ scale:state.bandScale, cropY:state.bandCropY, auto:state.bandAuto })); } window.applyViewMode = applyViewMode; // ================= CAVE — bottom 40% of the wall (look ported from cave_test.html) ================= const caveScene = new THREE.Scene(); caveScene.background = new THREE.Color(0x050302); caveScene.fog = new THREE.FogExp2(0x080402, 0.15); // ── CAVE LIGHTING — recreate cave_test's warm candle glow (optimized cave lost its own lights). // Dim warm base + a row of warm point-light "pools" across the floor with dark falloff = the moody depth. const caveAmbient = new THREE.AmbientLight(0xe3c687, 0.55); caveScene.add(caveAmbient); window._caveAmbient = caveAmbient; // ★ FINAL RIG 2026-07-21 (L6) · color #e3c687 · intensity 0.55 caveScene.environment = pmrem.fromScene(new RoomEnvironment(), 0.02).texture; // faint IBL so nothing is pure black const CANDLE_POS = [[-7,-0.15,-0.3],[-4.5,-0.15,0.2],[-2,-0.1,-0.4],[0.16,-0.05,-0.3],[2.5,-0.15,0.1],[5,-0.15,-0.3],[7.5,-0.15,0.1]]; const caveCandleLights = []; CANDLE_POS.forEach(p => { const L = new THREE.PointLight(0xff8a3c, 10, 5.5, 2); L.position.set(p[0], p[1], p[2]); caveScene.add(L); caveCandleLights.push({ light:L, base:10, p1:Math.random()*6.28, p2:Math.random()*6.28, f1:2.8+Math.random()*0.8, f2:5.8+Math.random()*1.4 }); }); window._caveScene = caveScene; window._caveCandles = caveCandleLights; // ═══ CAVE ACCENT LIGHTS 8–11 — small localized warm candle accents (clock A/B, bowl, bell). ═══ // Own fixed phases/freqs (no sync); joined to the existing flicker system + panel + solo + markers. // Muted warm-yellow #F2B86B (NOT the #ff8a3c of 1–7). accent:true keeps them out of applyCaveBright. // STARTING values for visual tuning only — not final; no checkpoint until approved. const CAVE_ACCENT_COLOR = 0xF2B86B; window.caveAccentColor = CAVE_ACCENT_COLOR; // temporarily controllable in code const CAVE_ACCENT_START = [ { name:'CLOCK CANDLES A', pos:[ 0.40, 0.02, -0.22], base:2.0, distance:1.2, p1:1.30, p2:4.10, f1:3.10, f2:6.20 }, // behind hero candle A flame { name:'CLOCK CANDLES B', pos:[-1.54, 0.02, -0.34], base:2.0, distance:1.2, p1:5.00, p2:2.20, f1:2.90, f2:5.90 }, // behind hero candle B flame { name:'BOWL', pos:[ 5.05, 0.08, -0.42], base:1.5, distance:1.4, p1:0.70, p2:3.70, f1:3.30, f2:6.50 }, // behind the water bowl { name:'BELL', pos:[12.23, 0.15, -0.60], base:2.5, distance:1.6, p1:3.90, p2:1.10, f1:2.70, f2:6.00 }, // behind the bell ]; CAVE_ACCENT_START.forEach(a => { const L = new THREE.PointLight(CAVE_ACCENT_COLOR, a.base, a.distance, 2); // decay 2 L.position.set(a.pos[0], a.pos[1], a.pos[2]); L.visible = true; caveScene.add(L); caveCandleLights.push({ light:L, base:a.base, p1:a.p1, p2:a.p2, f1:a.f1, f2:a.f2, accent:true, accentName:a.name }); }); console.log('CAVE ACCENT LIGHTS 8–11 added · clock A/B, bowl, bell · color #F2B86B · flicker-joined'); // ═══ EXACT CAVE LIGHTING — TWO INDEPENDENT WORLD-SPACE PRESETS (no caveRoot, no anchors, no coordinate conversion). ═══ // applyExactCaveLightingForCurrentMode() writes the selected preset DIRECTLY onto the 11 existing caveScene-child // PointLights in WORLD space. Nothing repositions them afterward. The animate loop changes ONLY live flicker intensity. const CAVE_AMBIENT_COLOR = 0xe3c687, CAVE_AMBIENT_INTENSITY = 0.55, CAVE_FLICKER_AMOUNT = 0.85; // ★ FINAL RIG 2026-07-21 (L6 ambient — WALL/AxCROSS only · flicker amount unchanged 0.85) const DESKTOP_CAVE_AMBIENT_COLOR = 0x2a1a0e, DESKTOP_CAVE_AMBIENT_INTENSITY = 0.30; // ★ RESTORED 2026-07-21 — pre-hardcode desktop cave ambient (mode-specific; the hardcode pass had leaked the WALL ambient onto Desktop) // ★ FINAL RIG 2026-07-21 — WALL/AxCROSS cave rig, hardcoded from the approved lightedit export (L7–L17). // base = exported intensity (flicker reads base; 0.85 flicker amount preserved). Desktop is MODE-SPECIFIC: // it uses DESKTOP_CAVE_LIGHTING_FINAL below (restored 2026-07-21 — NOT identical to WALL). const WALL_CAVE_LIGHTING_FINAL = [ { pos:[-8.50, 0.04, -0.85], base:6.4, distance:0.9, color:0xcbad15, decay:1.95, visible:true }, // 1 (L7) { pos:[-4.18, -0.11, -0.11], base:1.9, distance:2.2, color:0xff8a3c, decay:2.2, visible:true }, // 2 (L8) { pos:[-2.96, -0.06, -0.17], base:2.9, distance:1.2, color:0xff8a3c, decay:2, visible:true }, // 3 (L9) { pos:[ 0.66, -0.02, -0.61], base:6, distance:0.9, color:0xd2ae4b, decay:2.5, visible:true }, // 4 (L10) { pos:[ 4.10, 0.05, -0.05], base:5.85, distance:1.1, color:0xc9a422, decay:1.65, visible:true }, // 5 (L11) { pos:[ 5.25, -0.15, -0.35], base:3.3, distance:0.5, color:0xf2ba40, decay:2.7, visible:true }, // 6 (L12) { pos:[ 7.80, -0.01, -0.63], base:5.1, distance:2.7, color:0xce8d50, decay:2, visible:true }, // 7 (L13) { pos:[-0.10, -0.08, -0.38], base:7.95, distance:1.1, color:0xf2b86b, decay:2, visible:true }, // 8 CLOCK A (L14) { pos:[ 1.30, -0.09, -0.17], base:8.2, distance:1.1, color:0xf2b86b, decay:2, visible:true }, // 9 CLOCK B (L15) { pos:[ 3.62, -0.12, -0.81], base:4.5, distance:0.8, color:0xf2b86b, decay:2, visible:true }, // 10 BOWL (L16) { pos:[10.18, -0.15, -0.25], base:0.75, distance:1.3, color:0xf2b86b, decay:1.6, visible:true }, // 11 BELL (L17) ]; const DESKTOP_CAVE_LIGHTING_FINAL = [ // ★ manually-tuned desktop world-space values (authoritative 2026-07-16; NOT derived from WALL) — RESTORED 2026-07-21 after the hardcode pass accidentally overwrote these with the WALL/AxCROSS rig (desktop-only lighting regression fix) { pos:[-3.046, 0.028, -0.38], base:4.0, distance:1.0, color:0xff8a3c, decay:2, visible:true }, // 1 { pos:[-1.894, 0.133, -0.45], base:1.7, distance:2.4, color:0xff8a3c, decay:2, visible:true }, // 2 { pos:[-0.053, 0.108, -0.81], base:2.9, distance:1.2, color:0xff8a3c, decay:2, visible:true }, // 3 { pos:[ 0.851, 0.126, -0.32], base:1.7, distance:1.1, color:0xff8a3c, decay:2, visible:true }, // 4 { pos:[ 2.320, 0.166, -0.14], base:3.4, distance:1.0, color:0xff8a3c, decay:2, visible:true }, // 5 { pos:[ 3.150, 0.145, 0.19], base:2.5, distance:2.7, color:0xff8a3c, decay:2, visible:true }, // 6 { pos:[ 0.417, 0.123, -1.44], base:3.4, distance:2.7, color:0xff8a3c, decay:2, visible:true }, // 7 { pos:[ 0.469, 0.464, -1.55], base:4.3, distance:2.0, color:0xf2b86b, decay:2, visible:true }, // 8 CLOCK A { pos:[-0.334, 0.187, -1.51], base:0.2, distance:1.0, color:0xf2b86b, decay:2, visible:true }, // 9 CLOCK B { pos:[ 2.461, 0.376, -1.88], base:3.6, distance:0.7, color:0xf2b86b, decay:2, visible:true }, // 10 BOWL { pos:[ 2.164, 0.164, -0.57], base:2.6, distance:1.1, color:0xf2b86b, decay:2, visible:true }, // 11 BELL ]; window.WALL_CAVE_LIGHTING_FINAL = WALL_CAVE_LIGHTING_FINAL; window.DESKTOP_CAVE_LIGHTING_FINAL = DESKTOP_CAVE_LIGHTING_FINAL; // deep-freeze both presets so NO code path can mutate them or share light entries between modes [WALL_CAVE_LIGHTING_FINAL, DESKTOP_CAVE_LIGHTING_FINAL].forEach(P => { P.forEach(e => { Object.freeze(e.pos); Object.freeze(e); }); Object.freeze(P); }); // THE ONE authoritative cave-light application — selects the preset STRICTLY from the immutable URL-derived caveLightingMode (NOT IS_AXCROSS). window.applyExactCaveLightingForCurrentMode = function(){ const preset = (caveLightingMode === 'wall') ? WALL_CAVE_LIGHTING_FINAL : DESKTOP_CAVE_LIGHTING_FINAL; window._activeCavePresetName = (caveLightingMode === 'wall') ? 'WALL_CAVE_LIGHTING_FINAL' : 'DESKTOP_CAVE_LIGHTING_FINAL'; const _ambColor = (caveLightingMode === 'wall') ? CAVE_AMBIENT_COLOR : DESKTOP_CAVE_AMBIENT_COLOR; // ★ mode-specific ambient: WALL/AxCROSS keeps the approved L6; desktop keeps its pre-hardcode ambient const _ambInt = (caveLightingMode === 'wall') ? CAVE_AMBIENT_INTENSITY : DESKTOP_CAVE_AMBIENT_INTENSITY; caveAmbient.color.setHex(_ambColor); caveAmbient.intensity = _ambInt; caveAmbient.visible = true; window.caveLightFlickerAmount = CAVE_FLICKER_AMOUNT; // 0.85 (both modes) for (let i = 0; i < preset.length; i++) { const v = preset[i], d = caveCandleLights[i]; if (!d) continue; const L = d.light; L.position.set(v.pos[0], v.pos[1], v.pos[2]); // WORLD space, direct copy — caveScene child, never through caveRoot d.base = v.base; // authoritative base for the flicker system (no liveIntensity baked) L.distance = v.distance; L.color.setHex(v.color); L.decay = v.decay; L.visible = v.visible; } window._caveLightBaked = true; // guard applyCaveBright — the preset owns the bases console.log('EXACT CAVE LIGHTING · mode=' + caveLightingMode + ' · preset=' + window._activeCavePresetName + ' · ambient #' + _ambColor.toString(16) + '/' + _ambInt + ' · flicker 0.85 · 11 world-space point lights'); }; // ── DEBUG PROOF — selected preset vs URL, and whether every live light matches it ── window.kokuinDumpActiveCaveLightingPreset = function(){ const preset = (caveLightingMode === 'wall') ? WALL_CAVE_LIGHTING_FINAL : DESKTOP_CAVE_LIGHTING_FINAL; const presetName = (caveLightingMode === 'wall') ? 'WALL_CAVE_LIGHTING_FINAL' : 'DESKTOP_CAVE_LIGHTING_FINAL'; const CL = window._caveCandles, V = window.camera.position.constructor, wp = new V(), rnd = v => Math.round(v*10000)/10000; let allMatch = true; const lights = []; for (let i = 0; i < 11; i++){ const c = CL[i], v = preset[i]; c.light.getWorldPosition(wp); const m = Math.abs(wp.x-v.pos[0])<0.003 && Math.abs(wp.y-v.pos[1])<0.003 && Math.abs(wp.z-v.pos[2])<0.003 && rnd(c.base)===v.base && rnd(c.light.distance)===v.distance; if(!m) allMatch=false; lights.push({ L:i+1, world:[rnd(wp.x),rnd(wp.y),rnd(wp.z)], base:rnd(c.base), distance:rnd(c.light.distance), matchesPreset:m }); } const out = { locationHref: location.href, caveLightingMode, IS_AXCROSS, selectedPreset: presetName, IS_AXCROSS_agreesWithMode: (IS_AXCROSS === (caveLightingMode === 'wall')), everyLightMatchesSelectedPreset: allMatch, lights }; console.log('kokuinDumpActiveCaveLightingPreset', out); return out; }; window._caveLightBaked = true; // guard applyCaveBright immediately (preset owns the bases) applyExactCaveLightingForCurrentMode(); // ★ init step 5 — apply the exact URL-selected preset now (11 lights exist, mode resolved); nothing repositions them later // ═══ FINAL RIG 2026-07-21 — FIVE production cave fill/accent lights, PROMOTED from the approved lightedit // export's user-created debug lights (dbg_1/2/3/4/6) into canonical JS-authored production lights. They are // added to caveScene at init — AxCROSS (WALL) mode ONLY (gated 2026-07-21; they had leaked onto Desktop in // the hardcode pass). NO lightedit=1 and NO debug-profile localStorage. STATIC (export dynamic.flickered=false → NOT flicker-joined). // Renamed only (identifiers/labels); every numeric property is verbatim from the export. ═══ (function addFinalRigCaveFillLights(){ if (caveLightingMode !== 'wall') { console.log('FINAL RIG · 5 cave fill/accent lights SKIPPED — AxCROSS-only (desktop mode; promoted from an axcross&lightedit export, absent in pre-hardcode desktop)'); return; } // ★ 2026-07-21 desktop lighting regression fix: these 5 must not illuminate Desktop const mk = (name, color, intensity, pos, dist, decay) => { const L = new THREE.PointLight(color, intensity, dist, decay); L.name = name; L.castShadow = false; L.position.set(pos[0], pos[1], pos[2]); caveScene.add(L); return L; }; window.CAVE_LEFT_FILL = mk('CAVE_LEFT_FILL', 0x976621, 3.65, [-6.5, 0.2, -0.65], 5.7, 2.1); // dbg_1 (point) window.CAVE_CLOCK_LEFT_FILL = mk('CAVE_CLOCK_LEFT_FILL', 0xd8bc55, 4.05, [-1.0, 0.1, -0.35], 2.1, 1.85); // dbg_2 (point) window.CAVE_RIGHT_CENTER_FILL = mk('CAVE_RIGHT_CENTER_FILL', 0xb07f5e, 9.7, [ 2.35, 0.0, -0.75], 1.2, 0.7); // dbg_3 (point) window.CAVE_CLOCK_FRONT_FILL = mk('CAVE_CLOCK_FRONT_FILL', 0x905e3c, 5.3, [-0.8, 0.0, -0.45], 1.5, 1.55); // dbg_6 (point) const bw = new THREE.SpotLight(0xf2b86b, 2, 1.3, 0.8116, 0.64, 0.4); // dbg_4 (spot · color,int,dist,angle,penumbra,decay) bw.name = 'CAVE_BELL_WIDE_ACCENT'; bw.castShadow = false; bw.position.set(10.7, -0.05, -0.3); const bwt = new THREE.Object3D(); bwt.name = 'CAVE_BELL_WIDE_ACCENT_TARGET'; bwt.position.set(3.85, -3.5, 0.17); caveScene.add(bw); caveScene.add(bwt); bw.target = bwt; bw.target.updateMatrixWorld(); window.CAVE_BELL_WIDE_ACCENT = bw; console.log('FINAL RIG · 5 production cave fill/accent lights added (LEFT_FILL, CLOCK_LEFT_FILL, RIGHT_CENTER_FILL, BELL_WIDE_ACCENT, CLOCK_FRONT_FILL)'); })(); // ═══ TEMP DIAGNOSTIC — cave AmbientLight path (read-only + reversible isolation test; no localStorage, PO lights untouched) ═══ window.kokuinDumpCaveAmbient = function(){ const amb = window._caveAmbient, cs = window._caveScene, r = window._renderer; let inScene = false; if (cs) cs.traverse(o => { if (o === amb) inScene = true; }); const out = { renderedCaveScene: (cs === window._caveScene) ? 'window._caveScene (this exact object is passed to renderer.render() in the animate cave pass)' : 'MISMATCH', ambientObject: amb ? (amb.uuid.slice(0,8) + ' · ' + amb.type) : null, color: amb ? '#' + amb.color.getHexString() : null, intensity: amb ? +amb.intensity.toFixed(3) : null, visible: amb ? amb.visible : null, ambientIsInRenderedScene: inScene, uiControllerTargetsSameObject: (amb === window._caveAmbient), // setCaveAmbientIntensity mutates window._caveAmbient.intensity caveSceneEnvironmentIBL: cs && !!cs.environment, caveSceneFog: (cs && cs.fog) ? cs.fog.constructor.name : null, toneMappingExposure: r ? r.toneMappingExposure : null, resetPaths: 'applyExactCaveLightingForCurrentMode() sets ambient to 0.30 ONCE at init; applyCaveBright / applyViewMode / applyCaveRoot / the animate loop / caveFlick do NOT touch the ambient. Nothing overwrites it after a manual change.', whyNoVisibleChange: 'the ambient IS wired to the rendered light and nothing resets it; the color #2a1a0e is ~0.11x white brightness, so across the 0..1.5 range (under exposure 0.2 + the RoomEnvironment IBL floor) its contribution stays below one 8-bit level and is imperceptible. A WHITE ambient at the same intensities brightens the cave strongly.' }; console.log('kokuinDumpCaveAmbient', out); return out; }; window._caveAmbTestSnap = null; window.kokuinTestCaveAmbient = function(){ const amb = window._caveAmbient, CL = window._caveCandles; if (window._caveAmbTestSnap){ console.warn('cave-ambient test already active — call kokuinRestoreCaveAmbientTest() first'); return; } window._caveAmbTestSnap = { intensity: amb.intensity, color: amb.color.getHex(), pointVis: CL.map(c => c.light.visible) }; CL.forEach(c => c.light.visible = false); // hide all 11 cave PointLights (PO lights untouched) amb.intensity = 2.0; // isolate the ambient at 2.0 (approved color #2a1a0e kept) console.log('CAVE AMBIENT TEST · 11 cave point lights hidden · ambient = 2.0, color ' + ('#' + amb.color.getHexString()) + ' · inspect, then kokuinRestoreCaveAmbientTest()'); }; window.kokuinRestoreCaveAmbientTest = function(){ const s = window._caveAmbTestSnap; if (!s){ console.warn('no cave-ambient test to restore'); return; } const amb = window._caveAmbient, CL = window._caveCandles; amb.intensity = s.intensity; amb.color.setHex(s.color); CL.forEach((c, i) => { c.light.visible = s.pointVis[i]; }); window._caveAmbTestSnap = null; console.log('CAVE AMBIENT TEST restored · ambient ' + s.intensity + ' · all point-light visibility restored'); }; // ═══ CAVE LIGHTING TOOLS — read-only spatial audit + temporary art-direction controls (built after cave geometry loads; NO load-time visual change) ═══ window._initCaveLightTools = function(){ if (window._caveLightToolsInit) return; window._caveLightToolsInit = true; const CL = caveCandleLights, amb = caveAmbient; const meshByName = nm => { let o=null; caveScene.traverse(x=>{ if(x.name===nm) o=x; }); return o; }; const worldBox = obj => { if(!obj) return null; const b=new THREE.Box3().setFromObject(obj); return isFinite(b.min.x)?b:null; }; const floorSurfaceY = (x,z,floor) => { if(!floor) return null; const rc = new THREE.Raycaster(new THREE.Vector3(x,5,z), new THREE.Vector3(0,-1,0), 0, 50); const h = rc.intersectObject(floor, true); return h.length ? h[0].point.y : null; }; // ---- PART 1: spatial audit ---- window.kokuinDumpCaveLightSpatialAudit = function(){ caveScene.updateMatrixWorld(true); const R = v => (v==null?null:+v.toFixed(3)); const floor = meshByName('Cave_Shell_floor'), backWall = meshByName('Plane003'), roof = meshByName('Plane003_1'); const fB=worldBox(floor), bB=worldBox(backWall), rB=worldBox(roof), crB=worldBox(window._caveRoot); const bodies=[]; caveScene.traverse(o=>{ if(o.isMesh&&/^WEB_MeltGen_Candle_/.test(o.name)){ const c=new THREE.Vector3(); new THREE.Box3().setFromObject(o).getCenter(c); bodies.push(c); } }); const bell=meshByName('Bell'); let bellC=null; if(bell){ bellC=new THREE.Vector3(); new THREE.Box3().setFromObject(bell).getCenter(bellC); } const clusterOf = x => x<-4.5 ? 'LEFT candle group' : (x>4.5 ? 'RIGHT clock/bell area' : 'CENTER clock/bowl group'); const EPS=0.03, wp=new THREE.Vector3(); const rows = CL.map((d,i)=>{ const L=d.light; L.getWorldPosition(wp); const wx=wp.x,wy=wp.y,wz=wp.z; const fsY = floorSurfaceY(wx,wz,floor); let status='OK_INSIDE_CAVE'; if (crB && wz > crB.max.z+EPS) status='IN_FRONT_OF_CAVE'; else if (crB && wz < crB.min.z-EPS) status='BEHIND_BACK_WALL'; else if (bB && wz>=bB.min.z-EPS && wz<=bB.max.z+EPS && wx>=bB.min.x && wx<=bB.max.x && wy>=bB.min.y && wy<=bB.max.y) status='BEHIND_BACK_WALL'; else if (fsY!=null && wy < fsY-EPS) status='BELOW_FLOOR'; else if (fsY==null && fB && wx>=fB.min.x && wx<=fB.max.x && wy < fB.max.y-EPS) status='BELOW_FLOOR'; else if (rB && wy > rB.max.y+EPS) status='ABOVE_CEILING'; let nd=1e9; for(const b of bodies){ const dd=Math.hypot(b.x-wx,b.z-wz); if(dd b ? { min:[R(b.min.x),R(b.min.y),R(b.min.z)], max:[R(b.max.x),R(b.max.y),R(b.max.z)] } : null; window.kokuinCaveLightSpatialAudit = { mode:(new URLSearchParams(location.search).get('mode')||'desktop'), note:'the 7 PointLights are children of caveScene (NOT caveRoot); world==local, UNAFFECTED by caveRoot non-uniform scale. The cave GEOMETRY they are compared against IS under caveRoot '+JSON.stringify(window._caveRoot.scale.toArray())+', so classification is mode-dependent.', caveRootScale: window._caveRoot.scale.toArray(), bounds:{ Cave_Shell_floor:bx(fB), backWall_Plane003:bx(bB), roof_Plane003_1:bx(rB), caveRoot_overall:bx(crB) }, backWallNote:'no mesh literally named Cave_Shell_BackWall; the visible back wall is Plane003 (upper band Plane003_1)', lights: rows }; console.table(rows.map(r=>({L:r.light,status:r.status,wX:r.worldPos[0],wY:r.worldPos[1],wZ:r.worldPos[2],floorY:r.floorSurfaceY_atXZ,base:r.baseIntensity,near:r.nearestHero}))); return window.kokuinCaveLightSpatialAudit; }; // ---- PART 1B/2E: debug markers (no light, no shadow, hidden by default) ---- window.debugCaveLightMarkers = false; let _built=false; const _mk=[], _boxes=[]; const PAL=[0xff3030,0xff9030,0xffe030,0x30ff60,0x30c0ff,0x6060ff,0xff40ff]; function buildMarkers(){ if(_built)return; _built=true; CL.forEach((d,i)=>{ const m=new THREE.Mesh(new THREE.SphereGeometry(0.06,10,8), new THREE.MeshBasicMaterial({color:PAL[i%7],depthTest:false,depthWrite:false,toneMapped:false})); m.renderOrder=997; m.name='CAVELIGHT_MK_'+(i+1); m.visible=false; m.castShadow=false; caveScene.add(m); _mk.push(m); }); const addBox=(nm,color)=>{ const o=nm==='caveRoot'?window._caveRoot:meshByName(nm); const b=worldBox(o); if(!b)return; const h=new THREE.Box3Helper(b.clone(),color); h.material.depthTest=false; h.material.transparent=true; h.renderOrder=996; h.visible=false; h.name='CAVEBOX_'+nm; caveScene.add(h); _boxes.push({h,src:nm}); }; addBox('Cave_Shell_floor',0x40ff40); addBox('caveRoot',0xffffff); addBox('Plane003',0xff8040); addBox('Plane003_1',0x4080ff); } window._updateCaveLightMarkers = function(){ const on=!!window.debugCaveLightMarkers; if(on&&!_built)buildMarkers(); if(!_built)return; const wp=new THREE.Vector3(); for(let i=0;i<_mk.length;i++){ _mk[i].visible=on; if(on){ CL[i].light.getWorldPosition(wp); _mk[i].position.copy(wp); } } for(const bx of _boxes){ bx.h.visible=on; if(on){ const o=bx.src==='caveRoot'?window._caveRoot:meshByName(bx.src); const b=worldBox(o); if(b) bx.h.box.copy(b); } } }; // ---- PART 2: control panel (custom DOM; NO localStorage) ---- const C=document.getElementById('ctrls'); if(!C) return; let _ambUI=null,_flkUI=null,_soloSel=null; const sec=t=>{ const d=document.createElement('div'); d.className='hd'; d.textContent=t; C.append(d); }; const mkSlider=(label,min,max,step,val,onIn,fmt)=>{ fmt=fmt||(x=>(+x).toFixed(2)); const wrap=document.createElement('div'); const cap=document.createElement('div'); cap.className='cap'; cap.textContent=label; const line=document.createElement('div'); line.className='line'; const num=document.createElement('input'); num.type='number'; num.min=min; num.max=max; num.step=step; num.value=val; const sld=document.createElement('input'); sld.type='range'; sld.min=min; sld.max=max; sld.step=step; sld.value=val; const vv=document.createElement('span'); vv.className='cap'; vv.textContent=fmt(val); line.append(num,sld,vv); wrap.append(cap,line); C.append(wrap); const sync=x=>{ num.value=x; sld.value=x; vv.textContent=fmt(x); }; // DOM-only (never re-calls onIn → no recursion) num.addEventListener('input',e=>{ if(!window.CAVE_EDITING_UNLOCKED)return; const x=parseFloat(e.target.value); if(isNaN(x))return; sld.value=x; vv.textContent=fmt(x); onIn(x); }); // ★ locked: cave-light sliders sld.addEventListener('input',e=>{ if(!window.CAVE_EDITING_UNLOCKED)return; const x=parseFloat(e.target.value); if(isNaN(x))return; num.value=x; vv.textContent=fmt(x); onIn(x); }); return {sync}; }; sec('CAVE LIGHTING'); { const row=document.createElement('div'); row.className='row'; const b=document.createElement('button'); b.textContent='DEBUG CAVE LIGHT VOLUME'; b.onclick=()=>{ window.debugCaveLightMarkers=!window.debugCaveLightMarkers; b.classList.toggle('on',window.debugCaveLightMarkers); window._updateCaveLightMarkers(); }; row.append(b); C.append(row); } // 2A ambient window.caveAmbientIntensity=amb.intensity; window.setCaveAmbientIntensity=v=>{ if(!window.CAVE_EDITING_UNLOCKED)return; let x=parseFloat(v); if(isNaN(x))return; x=Math.min(1.5,Math.max(0,x)); window.caveAmbientIntensity=x; amb.intensity=x; if(_ambUI)_ambUI.sync(x); }; _ambUI=mkSlider('CAVE AMBIENT INTENSITY',0,1.5,0.01,amb.intensity,window.setCaveAmbientIntensity); // 2D flicker amount if(window.caveLightFlickerAmount==null) window.caveLightFlickerAmount=1.0; // keep any baked value (AxCROSS = 0.85); don't reset window.setCaveLightFlickerAmount=v=>{ if(!window.CAVE_EDITING_UNLOCKED)return; let x=parseFloat(v); if(isNaN(x))return; x=Math.min(1,Math.max(0,x)); window.caveLightFlickerAmount=x; if(_flkUI)_flkUI.sync(x); }; _flkUI=mkSlider('CAVE LIGHT FLICKER AMOUNT',0,1,0.01,window.caveLightFlickerAmount,window.setCaveLightFlickerAmount); // 2C solo window._caveSoloState=null; window.setSoloCaveLight=idx=>{ if(!window.CAVE_EDITING_UNLOCKED)return; const n=(idx==='NONE'||idx==null)?null:parseInt(idx,10); if(n===null){ if(window._caveSoloState){ CL.forEach((d,i)=>{ d.light.visible=window._caveSoloState[i]; }); window._caveSoloState=null; } } else { if(!window._caveSoloState) window._caveSoloState=CL.map(d=>d.light.visible); CL.forEach((d,i)=>{ d.light.visible=(i===n-1); }); } if(_soloSel)_soloSel.value=(n===null?'NONE':String(n)); }; { const wrap=document.createElement('div'); const cap=document.createElement('div'); cap.className='cap'; cap.textContent='SOLO CAVE LIGHT'; const s=document.createElement('select'); ['NONE','1','2','3','4','5','6','7','8','9','10','11'].forEach(o=>{ const op=document.createElement('option'); op.value=o; op.textContent=o; s.append(op); }); s.style.cssText='background:#1a1310;color:#ffd080;border:1px solid #ffb04044;font:11px monospace;padding:3px;border-radius:3px;margin-top:3px;'; s.addEventListener('change',e=>window.setSoloCaveLight(e.target.value)); wrap.append(cap,s); C.append(wrap); _soloSel=s; } // 2B per-light const a0=window.kokuinDumpCaveLightSpatialAudit(); const ACC_NAMES={8:'CLOCK CANDLES A',9:'CLOCK CANDLES B',10:'BOWL',11:'BELL'}; // live distance from each desktop accent light (8–11) to its target asset (Clock A/B flame, Bowl, Bell) window.kokuinAccentDistances=function(){ const S=window._caveScene; S.updateMatrixWorld(true); const g=nm=>{let o=null;S.traverse(x=>{if(x.name===nm)o=x;});return o;}; const Vc=window.camera.position.constructor; const p=new Vc(); const ctr=o=>{ if(!o)return null; const b=new THREE.Box3().setFromObject(o); const c=new Vc(); b.getCenter(c); return c; }; const hero=k=>{ const cd=window._candleFX&&window._candleFX[k]; if(!cd)return null; cd.fx.flame.getWorldPosition(p); return p.clone(); }; const T={8:hero(0),9:hero(1),10:ctr(g('WaterClock_Bowl_Final001')||g('WaterClock_Bowl_Final')),11:ctr(g('Bell'))}; const out={}; for(let n=8;n<=11;n++){ const L=window._caveCandles[n-1].light; L.getWorldPosition(p); const t=T[n]; out[n]=t?+Math.hypot(p.x-t.x,p.y-t.y,p.z-t.z).toFixed(3):null; } return out; }; const _accDistEls={}; window._updateAccentDistReadouts=function(){ if(IS_AXCROSS)return; const dd=window.kokuinAccentDistances(); for(let n=8;n<=11;n++){ if(_accDistEls[n]) _accDistEls[n].textContent='dist → '+ACC_NAMES[n]+': '+(dd[n]==null?'?':dd[n]); } }; CL.forEach((d,i)=>{ const L=d.light; const a=a0.lights[i]; const n=i+1; const isAccent=(n>=8); sec('CAVE LIGHT '+n+(ACC_NAMES[n]?' — '+ACC_NAMES[n]:'')+' — '+a.status+((isAccent&&!IS_AXCROSS)?' [desktop override]':'')); { const info=document.createElement('div'); info.className='cap'; info.style.fontSize='9px'; info.textContent='world '+JSON.stringify(a.worldPos)+' · '+a.nearestHero; C.append(info); } if(isAccent && !IS_AXCROSS){ const dEl=document.createElement('div'); dEl.className='cap'; dEl.style.fontSize='9px'; dEl.style.color='#9fd0ff'; _accDistEls[n]=dEl; C.append(dEl); } { const row=document.createElement('div'); row.className='row'; const b=document.createElement('button'); b.textContent='enabled'; b.classList.toggle('on',L.visible); b.onclick=()=>{ if(!window.CAVE_EDITING_UNLOCKED)return; L.visible=!L.visible; b.classList.toggle('on',L.visible); }; row.append(b); C.append(row); } // ★ locked: cave-light enable toggle mkSlider('base intensity',0,20,0.1,d.base,x=>{ d.base=x; }); // debug: edits the live authoritative base directly (flicker reads d.base) mkSlider('distance',0,10,0.1,L.distance,x=>{ L.distance=x; }); const setPos=(ax,val)=>{ L.position[ax]=val; // debug: edits the live WORLD position directly (nothing repositions afterward) if(isAccent && window._updateAccentDistReadouts) window._updateAccentDistReadouts(); }; mkSlider('pos X',L.position.x-5,L.position.x+5,0.01,L.position.x,x=>setPos('x',x)); mkSlider('pos Y',L.position.y-5,L.position.y+5,0.01,L.position.y,x=>setPos('y',x)); mkSlider('pos Z',L.position.z-5,L.position.z+5,0.01,L.position.z,x=>setPos('z',x)); }); if(window._updateAccentDistReadouts) window._updateAccentDistReadouts(); console.log('CAVE LIGHTING controls ready · audit → window.kokuinCaveLightSpatialAudit · markers → window.debugCaveLightMarkers'); }; // cave_test.html's hard-won camera; tweak live from console: _caveCamSet(x,y,z, targetX, fovDeg) // TEMP near-ortho for the wide bottom strip (cave_test's 55° was for a full-window aspect and fisheyes here). const caveCamera = new THREE.PerspectiveCamera(28, 1, 0.01, 100); caveCamera.position.set(0.35, 1.05, 6.0); caveCamera.lookAt(0.35, 1.05, 0); window._caveCam = caveCamera; window._caveCamSet = (x, y, z, tx, fov) => { caveCamera.position.set(x, y, z); caveCamera.lookAt(tx ?? x, y, 0); if (fov) caveCamera.fov = fov; caveCamera.updateProjectionMatrix(); }; // ── DESKTOP-CROP cave camera ────────────────────────────────────────────────────────────────────── // In DESKTOP CROP only the center ~21% of the 20.7:1 cave strip is visible (CSS clips the sides), so the // WALL cave cam's close framing loses the kanji burner (world x≈-2.3, LEFT) and the bowl (x≈+3.1, RIGHT). // Those flank the wadokei (x≈0) across ~6.6m — WIDER than the ~4.45:1 visible window — so any frame that // keeps BOTH in view fills ~70% of the height (the remaining top/bottom shows cave floor + wall, NOT the // black void of a pulled-way-back cam). This cam is framed for exactly that balance: burner just inside the // left crop edge, bowl just inside the right, wadokei centered, content vertically centered so it fills the // bottom-40% strip. Used ONLY in crop mode; WALL FIT / AxCROSS still renders caveCamera untouched. // (Framing solved by projecting the real burner/bowl/wadokei bboxes against the 21.5% crop — candidate "H".) const caveCameraDesktop = caveCamera.clone(); caveScene.add(caveCameraDesktop); window._caveCamDesktop = caveCameraDesktop; let activeCaveCamera = caveCameraDesktop; // kept in sync each frame with the cave cam actually rendering (for click-pick) const DESK_AIMZ = -0.40; // aim depth held constant; sliders drive pos + aim-pan + tilt + zoom function updateCaveDesktopCam() { caveCameraDesktop.position.set(state.caveDX, state.caveDY, state.caveDZ); caveCameraDesktop.fov = state.caveDFov; caveCameraDesktop.aspect = caveCamera.aspect; // same locked bottom-40% aspect — no distortion caveCameraDesktop.lookAt(state.caveDAX, state.caveDAY, DESK_AIMZ); caveCameraDesktop.updateProjectionMatrix(); } // dump the current desktop-crop framing (to bake into DEFAULTS): call _caveDeskDump() in the console window._caveDeskDump = () => JSON.stringify({ caveDX:state.caveDX, caveDY:state.caveDY, caveDZ:state.caveDZ, caveDAX:state.caveDAX, caveDAY:state.caveDAY, caveDFov:state.caveDFov }); const CAVE_FLICKER = new Set(['Light_Candle_Timecandle','Light_Candle_Timecandle001','Light_Candle_Timecandle002','Light_Candle_Timecandle003','Light_Candle_Timecandle004','Light_Candle_Timecandle006','Light_Candle_Timecandle007','Light_Candle_Timecandle008','Light_Candle_Timecandle009','Light_Candle_Timecandle010','Light_Candle_Timecandle011','Light_Candle_Timecandle012','Light_Candle_Timecandle013','Light_Candle_Timecandle014','Point001','Point002_1']); const CAVE_DIM = { 'CENTERLIGHT':0.20, 'Light_Candle_Timecandle011':0.30, 'Light_Candle_Timecandle012':0.30 }; const caveFlicker = []; window._caveFlickerDefs = caveFlicker; // exposed read-only for the lighting audit (GLB-registered flicker lights) const caveRoot = new THREE.Group(); caveScene.add(caveRoot); window._caveRoot = caveRoot; // cave ROOT — pos/rot/scale target loader.load(ASSET_BASE + 'cave_optimized_v2.glb', (gltf) => { // v2 = re-exported visible-only (24 orphan TimeCandle parts + old ghosts removed) caveRoot.add(gltf.scene); gltf.scene.traverse(o => { if (o.isLight) { if (!o.name) { o.intensity = 0; return; } o.intensity /= 250; o.intensity *= 0.75; if (o.position.x < -1.0) o.intensity *= 0.5; if (CAVE_DIM[o.name]) o.intensity *= CAVE_DIM[o.name]; if (CAVE_FLICKER.has(o.name)) caveFlicker.push({ light:o, base:o.intensity, p1:Math.random()*6.28, p2:Math.random()*6.28, f1:2.8+Math.random()*0.8, f2:5.8+Math.random()*1.4 }); } if (o.isMesh && (o.name === 'Curve' || o.name === 'Curve002' || o.name === 'Curve.002')) { o.visible = false; } // ★ hide STALE wall-kanji duplicates in the CAVE glb only (real ones come from wall_kanji_v2_TEST.glb) — scoped to this traverse if (o.isMesh && o.name === 'IncenseBed_Cover' && o.material) { o.material.transparent=true; o.material.alphaTest=0.5; o.material.depthWrite=false; o.material.needsUpdate=true; } // ★ PHASE 6B.2 — incense-burner specular fix (Michael-approved 2026-07-20). The Tripo export mis-bound the // packed roughness/metallic map (image 38) as KHR_materials_specular.specularColorTexture, so GLTFLoader // loaded it sRGB and MeshPhysicalMaterial tinted the burner's specular reflections warm yellow/orange. // Removing ONLY specularColorMap restores the neutral white specularColor factor. baseColor/normal/rough/ // metal maps and all factors are untouched; the same texture object stays assigned to roughness/metalness // (colorSpace is ignored there). Material 20 is used only by this node, so no clone is needed. if (o.isMesh && o.name === 'KanjiIncenseBurner' && o.material) { const mats = Array.isArray(o.material) ? o.material : [o.material]; for (const m of mats) { if (m && m.specularColorMap) { m.specularColorMap = null; m.needsUpdate = true; } } } if (o.isMesh && o.name === 'Incense_Kanji_Clean' && o.material) { // TEMP BURN DIAGNOSTIC — remove after const bm = Array.isArray(o.material)?o.material[0]:o.material; const dm = bm.clone(); o.material = dm; // ── EMBER GLSL — ONE source of truth. Legacy and Corrected differ ONLY in WHERE this block is injected, // never in what it says, so the mask/ramp/authored RGB cannot drift between the two variants. // `gl_FragColor` already exists at BOTH anchors (it is assigned by , which precedes // ), so the identical text is valid in either position. // ★ 2026-07-19 PHASE 2A: the `test` factors are added ONLY under ?embertest=1. At their defaults // (uEmberOn=1.0, uEmberMul=1.0) they are an exact ×1.0 and reproduce authored output bit-for-bit. // ★ 2026-07-19 PHASE 2B: CANONICAL ember intensity = 2.5 (Michael-approved; 3.0 also acceptable, 2.5 chosen // to keep highlight headroom). It multiplies ONLY the ember-glow term on the `col +=` line below — // verified to touch neither `ash`, `fresh`, the ash/fresh selection, the ember RGB constants, nor the mask. const _emberGLSL = (test)=> ' float xmin=-3.3252, xmax=-2.8401;\n' + ' const float xc=-3.08265, zc=-0.7740; // local face centre — burn pivots here so ANGLE never shifts front timing\n' + ' float coord = xc + (vLP.x-xc)*uBurnCos + (vLP.z-zc)*uBurnSin; // burn axis = local X, tilted by angle in the local X-Z face plane\n' + ' float front = mix(xmin,xmax,uBurn);\n' + ' vec3 base = gl_FragColor.rgb; // lit base texture\n' + ' vec3 ash = base * vec3(0.34,0.31,0.29) * ' + (ASHTEST ? 'uAshLift' : ASH_LIFT_CANON.toFixed(1)) + '; // burned/char (left) × canonical ash-lift 2.0\n' + ' vec3 fresh = base * vec3(1.45,1.05,0.62) + vec3(0.05,0.02,0.0); // warm incense (right)\n' + ' float d = coord - front; // <0 burned, >0 fresh — CLEAN straight boundary (edge noise permanently removed)\n' + ' vec3 col = (d<0.0) ? ash : fresh;\n' + ' float bandHalf = 0.008 * uBurnWidth; // ember band half-width × live WIDTH control\n' + ' float glow = smoothstep(bandHalf, 0.0, abs(d)); // 1 at front, 0 at edge\n' + ' vec3 ember = mix(vec3(0.015,0.003,0.001), vec3(1.0,0.033,0.0), smoothstep(0.0,0.45,glow)); // ramp hot->char\n' + ' col += ember * glow * 0.85 * ' + (test ? 'uEmberOn * uEmberMul' : EMBER_INTENSITY_CANON.toFixed(1)) + '; // EmissionMax 0.85 × canonical intensity\n' + ' gl_FragColor.rgb = col;'; dm.onBeforeCompile = (sh)=>{ sh.uniforms.uBurn = { value: 0.5 }; sh.uniforms.uBurnCos = { value: 0.98902 }; // ★ BAKED 2026-07-15: cos(-8.5°) — burn-front tilt in local X-Z face sh.uniforms.uBurnSin = { value: -0.14781 }; // ★ BAKED 2026-07-15: sin(-8.5°) sh.uniforms.uBurnWidth = { value: 0.425 }; // ★ BAKED 2026-07-15: ember band width × current if (EMBERTEST) { sh.uniforms.uEmberOn = { value: _EMBER.visible?1:0 }; sh.uniforms.uEmberMul = { value: _EMBER.intensity }; } if (ASHTEST) { sh.uniforms.uAshLift = { value: (_ASH.mode==='canonical' ? ASH_LIFT_CANON : _ASH.lift) }; } // ★ PHASE 4A/4B ash-lift — ash branch only window._incUniforms = sh.uniforms; // ← the smoke source-tracker reads uBurn/uBurnCos from here. Do not remove. sh.vertexShader = 'varying vec3 vLP;\n' + sh.vertexShader.replace('#include ','#include \n vLP = position;'); const decl = 'varying vec3 vLP;\nuniform float uBurn, uBurnCos, uBurnSin, uBurnWidth;\n' + (EMBERTEST ? 'uniform float uEmberOn, uEmberMul;\n' : '') + (ASHTEST ? 'uniform float uAshLift;\n' : ''); const BLOCK = _emberGLSL(EMBERTEST); // ★ PHASE 2B — CORRECTED is now CANONICAL on the ordinary URL: inject BEFORE so the // contribution is added while gl_FragColor.rgb is still LINEAR outgoingLight; the stock tail then applies // ACES and the sRGB encode exactly once. LEGACY (the original anchor, AFTER — i.e. // after tone mapping AND after the sRGB encode, which clipped the band to pure red) survives ONLY under // ?embertest=1 for A/B reference. const corrected = EMBERTEST ? (_EMBER.mode === 'corrected') : true; // ★ PHASE 2B: CORRECTED is canonical sh.fragmentShader = decl + (corrected ? sh.fragmentShader.replace('#include ', BLOCK + '\n#include ') : sh.fragmentShader.replace('#include ', '#include \n' + BLOCK)); }; // r165 Material.customProgramCacheKey() defaults to onBeforeCompile.toString(), which is IDENTICAL for both // ember variants (the branch is on a JS value, not the source text). Without this override three.js would // reuse the cached program and the mode toggle would silently no-op. Only installed under ?embertest=1. if (EMBERTEST) dm.customProgramCacheKey = ()=>'kokuin-ember-'+_EMBER.mode; dm.needsUpdate = true; window._incMat = dm; window.incenseBurnOverride = null; // set 0..1 to force a burn position; null = real wall clock window._updateBurn = function(){ let p; const o = window.incenseBurnOverride; if (typeof o === 'number') { p = Math.min(1, Math.max(0, o)); } else { const d = new Date(); const s = (d.getHours()%12)*3600 + d.getMinutes()*60 + d.getSeconds() + d.getMilliseconds()/1000; p = s/43200; } // 0→1 each 12h, resets at noon & midnight if (window._incUniforms && window._incUniforms.uBurn) window._incUniforms.uBurn.value = p; }; console.log('BURN: Incense_Kanji_Clean wired to uBurn (window.incenseBurnOverride)'); // ═══ TEMPORARY — EMBER LINEAR-PIPELINE A/B (?embertest=1 ONLY). Nothing below runs when the flag is absent. ═══ if (EMBERTEST) { const _emberMat = dm; // Live uniform writes only — never a recompile. Burn uses the project's EXISTING override mechanism // (window.incenseBurnOverride + window._updateBurn); no second burn model is introduced. window._applyEmber = function(){ const u = window._incUniforms; if (u) { if (u.uEmberOn) u.uEmberOn.value = _EMBER.visible ? 1 : 0; if (u.uEmberMul) u.uEmberMul.value = _EMBER.intensity; } window.incenseBurnOverride = _EMBER.frozen ? _EMBER.burn : null; if (window._updateBurn) window._updateBurn(); }; // Mode swap changes the shader SOURCE ⇒ genuine recompile, guarded so it fires only on an actual change. window._setEmberMode = function(m){ m = (m === 'legacy') ? 'legacy' : 'corrected'; if (_EMBER.mode === m) return false; _EMBER.mode = m; _emberMat.needsUpdate = true; console.log('EMBERTEST · mode →', m.toUpperCase(), m === 'corrected' ? '(injected BEFORE — linear working space)' : '(injected AFTER — already tone-mapped + sRGB-encoded)'); return true; }; let _eUI = null; const _syncEmberUI = ()=>{ if(!_eUI) return; _eUI.mC.checked = _EMBER.mode==='corrected'; _eUI.mL.checked = _EMBER.mode==='legacy'; _eUI.vis.checked = _EMBER.visible; _eUI.int.value = _EMBER.intensity; _eUI.intV.textContent = (+_EMBER.intensity).toFixed(2); _eUI.fz.checked = _EMBER.frozen; _eUI.burn.value = _EMBER.burn; _eUI.burnV.textContent = (+_EMBER.burn).toFixed(3); _eUI.burn.disabled = !_EMBER.frozen; }; const _buildEmberPanel = ()=>{ if (_eUI) return; const P = document.createElement('div'); P.id = '_emberTestPanel'; // Top-right. When ?smoketest=1 is ALSO active its panel occupies the same corner and can be up to 88vh // tall, so a purely vertical offset cannot clear it — the ember panel is shifted LEFT instead. Documented // deviation from "offset vertically": horizontal is the only offset that actually guarantees no overlap. const rightPx = (typeof SMOKETEST !== 'undefined' && SMOKETEST) ? 274 : 12; P.style.cssText = 'position:fixed;top:12px;right:'+rightPx+'px;z-index:99998;background:rgba(10,8,14,0.92);'+ 'color:#e8dfd2;font:11px/1.5 monospace;padding:10px 12px;border:1px solid #7a5a6a;border-radius:4px;'+ 'width:250px;max-height:88vh;overflow-y:auto;overflow-x:hidden;user-select:none;box-shadow:0 4px 18px rgba(0,0,0,0.6)'; const TAB = document.createElement('button'); TAB.id='_emberTestTab'; TAB.textContent='◆ EMBER TEST'; TAB.style.cssText = 'position:fixed;top:12px;right:'+rightPx+'px;z-index:99998;display:none;'+ 'background:rgba(10,8,14,0.92);color:#ff9c6a;font:11px monospace;padding:6px 10px;border:1px solid #7a5a6a;'+ 'border-radius:4px;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,0.6)'; const setCollapsed = c=>{ P.style.display = c?'none':'block'; TAB.style.display = c?'block':'none'; }; TAB.onclick = ()=>setCollapsed(false); document.body.append(TAB); const h=(t,s)=>{const d=document.createElement('div');d.textContent=t;d.style.cssText=s||'';P.append(d);return d;}; { const bar=document.createElement('div'); bar.style.cssText='display:flex;align-items:center;justify-content:space-between;gap:8px'; const ttl=document.createElement('div'); ttl.textContent='◆ EMBER TEST'; ttl.style.cssText='font-weight:bold;color:#ff9c6a;letter-spacing:0.5px'; const cb=document.createElement('button'); cb.textContent='–'; cb.title='Collapse'; cb.style.cssText='background:#3a2630;color:#e8dfd2;border:1px solid #7a5a6a;border-radius:3px;cursor:pointer;font:12px monospace;line-height:1;padding:1px 7px'; cb.onclick=()=>setCollapsed(true); bar.append(ttl,cb); P.append(bar); } h('TEMPORARY · ?embertest=1 · not persisted','color:#8c8073;margin-bottom:6px;font-size:10px'); h('canonical = CORRECTED · intensity '+EMBER_INTENSITY_CANON.toFixed(2),'color:#8fb99a;margin-bottom:2px;font-size:9px'); h('intensity applies to BOTH modes. Original pre-correction Legacy = set intensity 1.00.', 'color:#c99a7a;margin-bottom:6px;font-size:9px'); h('INJECTION POINT','color:#ff9c6a;margin-top:6px'); const mk=(lab,val)=>{const w=document.createElement('label');w.style.cssText='display:block;cursor:pointer;padding:1px 0'; const r=document.createElement('input');r.type='radio';r.name='_etMode';r.checked=(_EMBER.mode===val); r.onchange=()=>{ if(r.checked) window._setEmberMode(val); }; w.append(r,document.createTextNode(' '+lab));P.append(w);return r;}; const mC=mk('Corrected (before tonemapping)','corrected'); const mL=mk('Legacy (after dithering)','legacy'); h('EMBER','color:#ff9c6a;margin-top:8px'); const visW=document.createElement('label'); visW.style.cssText='display:block;cursor:pointer;padding:1px 0'; const vis=document.createElement('input'); vis.type='checkbox'; vis.checked=_EMBER.visible; vis.onchange=()=>{ _EMBER.visible=vis.checked; window._applyEmber(); }; visW.append(vis,document.createTextNode(' ember band visible')); P.append(visW); const iw=document.createElement('div'); iw.style.cssText='margin:2px 0 4px'; const ic=document.createElement('div'); ic.style.cssText='color:#a89a86;font-size:10px'; const intV=document.createElement('span'); intV.textContent=EMBER_INTENSITY_CANON.toFixed(2); intV.style.color='#e8dfd2'; ic.append(document.createTextNode('intensity × '),intV); const int=document.createElement('input'); int.type='range'; int.min=0; int.max=3; int.step=0.01; int.value=EMBER_INTENSITY_CANON; int.style.cssText='width:100%;margin:0'; int.oninput=()=>{ const x=parseFloat(int.value); intV.textContent=x.toFixed(2); _EMBER.intensity=x; window._applyEmber(); }; iw.append(ic,int); P.append(iw); h('BURN (existing override)','color:#ff9c6a;margin-top:8px'); const fzW=document.createElement('label'); fzW.style.cssText='display:block;cursor:pointer;padding:1px 0'; const fz=document.createElement('input'); fz.type='checkbox'; fz.onchange=()=>{ _EMBER.frozen=fz.checked; window._applyEmber(); _syncEmberUI(); }; fzW.append(fz,document.createTextNode(' freeze burn position')); P.append(fzW); const bw=document.createElement('div'); bw.style.cssText='margin:2px 0 4px'; const bc=document.createElement('div'); bc.style.cssText='color:#a89a86;font-size:10px'; const burnV=document.createElement('span'); burnV.textContent='0.500'; burnV.style.color='#e8dfd2'; bc.append(document.createTextNode('uBurn '),burnV); const burn=document.createElement('input'); burn.type='range'; burn.min=0; burn.max=1; burn.step=0.005; burn.value=0.5; burn.disabled=true; burn.style.cssText='width:100%;margin:0'; burn.oninput=()=>{ const x=parseFloat(burn.value); burnV.textContent=x.toFixed(3); _EMBER.burn=x; window._applyEmber(); }; bw.append(bc,burn); P.append(bw); const rb=document.createElement('button'); rb.textContent='RESET'; rb.style.cssText='margin-top:10px;width:100%;padding:5px;background:#3a2630;color:#e8dfd2;border:1px solid #7a5a6a;border-radius:3px;cursor:pointer;font:11px monospace'; rb.onclick=()=>window.kokuinEmberTest.reset(); P.append(rb); h('console: window.kokuinEmberTest','color:#6f6559;margin-top:6px;font-size:9px'); document.body.append(P); _eUI={mC,mL,vis,int,intV,fz,burn,burnV,setCollapsed}; setCollapsed(false); _syncEmberUI(); }; window.kokuinEmberTest = { info: ()=>({ canonicalMode:'corrected', canonicalIntensity:EMBER_INTENSITY_CANON, canonicalEmber:'CORRECTED — injected before (linear), ember glow × '+EMBER_INTENSITY_CANON, legacyNote:'LEGACY (after ) is available under ?embertest=1 for reference only', intensityScope:'multiplies ONLY `ember * glow * 0.85` — NOT ash/fresh recolouring, NOT the ember RGB constants', intensityAppliesToBothModes:true, originalLegacyAppearanceAt:'intensity 1.0 (set the slider to 1.00 while in Legacy mode to see the true pre-correction ember)', activeMode:_EMBER.mode, mesh:'Incense_Kanji_Clean', material:_emberMat.name||'(cloned GLB material)', materialType:_emberMat.type, toneMapped:_emberMat.toneMapped, transmission:_emberMat.transmission, roughness:_emberMat.roughness, metalness:_emberMat.metalness, toneMapping:window._renderer.toneMapping, exposure:window._renderer.toneMappingExposure, outputColorSpace:window._renderer.outputColorSpace, customProgramCacheKey:_emberMat.customProgramCacheKey ? _emberMat.customProgramCacheKey() : '(default)' }), inspect: ()=>{ const u=window._incUniforms||{}; const frag=_emberMat.__frag||''; return { mode:_EMBER.mode, visible:_EMBER.visible, intensity:_EMBER.intensity, frozen:_EMBER.frozen, burn:_EMBER.burn, uniforms:{ uBurn:u.uBurn&&+u.uBurn.value.toFixed(5), uBurnCos:u.uBurnCos&&u.uBurnCos.value, uBurnSin:u.uBurnSin&&u.uBurnSin.value, uBurnWidth:u.uBurnWidth&&u.uBurnWidth.value, uEmberOn:u.uEmberOn&&u.uEmberOn.value, uEmberMul:u.uEmberMul&&u.uEmberMul.value }, materialFlags:{ type:_emberMat.type, toneMapped:_emberMat.toneMapped, transparent:_emberMat.transparent, opacity:_emberMat.opacity, depthWrite:_emberMat.depthWrite, side:_emberMat.side } }; }, setMode: m=>{ const changed=window._setEmberMode(m); _syncEmberUI(); return {mode:_EMBER.mode,recompiled:changed}; }, setVisible: b=>{ _EMBER.visible=!!b; window._applyEmber(); _syncEmberUI(); return _EMBER.visible; }, setIntensity: v=>{ _EMBER.intensity=Math.max(0,Math.min(3,+v)); window._applyEmber(); _syncEmberUI(); return _EMBER.intensity; }, freeze: b=>{ _EMBER.frozen=!!b; window._applyEmber(); _syncEmberUI(); return _EMBER.frozen; }, setBurnPosition: p=>{ _EMBER.burn=Math.max(0,Math.min(1,+p)); window._applyEmber(); _syncEmberUI(); return _EMBER.burn; }, reset: ()=>{ window._setEmberMode('corrected'); _EMBER.visible=true; _EMBER.intensity=EMBER_INTENSITY_CANON; _EMBER.frozen=false; _EMBER.burn=0.5; window._applyEmber(); _syncEmberUI(); if(_eUI&&_eUI.setCollapsed) _eUI.setCollapsed(false); console.log('EMBERTEST · reset → canonical: corrected, visible, ×'+EMBER_INTENSITY_CANON.toFixed(2)+', burn unfrozen (incenseBurnOverride=null)'); return window.kokuinEmberTest.inspect(); } }; _buildEmberPanel(); window._applyEmber(); console.log('EMBERTEST ACTIVE · corrected injection (pre-tonemapping) · panel top-right · window.kokuinEmberTest'); } // ═══ TEMPORARY — POST-BURN ASH BRIGHTNESS A/B (?ashtest=1 ONLY). Nothing below runs when the flag is absent. ═══ // One uniform (uAshLift) scales ONLY the ash branch of the burn shader. Canonical mode pins it to ASH_LIFT_CANON // (2.0 == the shipped ash exactly); Test mode uses the slider (default 2.0). Mode switch is a PURE uniform write — never a // recompile, never a reload. Burn freeze/scrub reuse the project's EXISTING window.incenseBurnOverride + // window._updateBurn mechanism — no second burn model, no change to burn timing/mask/width/angle. The uniform // never reaches `fresh`, the ember term, the ember RGB constants, or anything outside the burned region. if (ASHTEST) { const _ashMat = dm; // Live uniform write only. Applied lift = 1.0 in Canonical, _ASH.lift in Test. Burn uses the shared override. window._applyAsh = function(){ const u = window._incUniforms; if (u && u.uAshLift) u.uAshLift.value = (_ASH.mode==='canonical') ? ASH_LIFT_CANON : _ASH.lift; window.incenseBurnOverride = _ASH.frozen ? _ASH.burn : null; if (window._updateBurn) window._updateBurn(); }; let _aUI = null; const _syncAshUI = ()=>{ if(!_aUI) return; _aUI.mC.checked = _ASH.mode==='canonical'; _aUI.mT.checked = _ASH.mode==='test'; _aUI.lift.value = _ASH.lift; _aUI.liftV.textContent = (+_ASH.lift).toFixed(2); _aUI.lift.disabled = (_ASH.mode==='canonical'); _aUI.fz.checked = _ASH.frozen; _aUI.burn.value = _ASH.burn; _aUI.burnV.textContent = (+_ASH.burn).toFixed(3); _aUI.burn.disabled = !_ASH.frozen; }; const _setAshMode = (m)=>{ m = (m==='canonical')?'canonical':'test'; _ASH.mode = m; window._applyAsh(); _syncAshUI(); return m; }; const _buildAshPanel = ()=>{ if (_aUI) return; const P = document.createElement('div'); P.id = '_ashTestPanel'; // Deterministic horizontal slotting from the right edge: smoke → ember → ripple → ash, 262px apart, so the // ash panel never overlaps the others when several test flags are active at once. const rightPx = 12 + (window.SMOKETEST?262:0) + (window.EMBERTEST?262:0) + (window.RIPPLETEST?262:0); P.style.cssText = 'position:fixed;top:12px;right:'+rightPx+'px;z-index:99996;background:rgba(12,11,9,0.92);'+ 'color:#e8dfd2;font:11px/1.5 monospace;padding:10px 12px;border:1px solid #7a7060;border-radius:4px;'+ 'width:250px;max-height:88vh;overflow-y:auto;overflow-x:hidden;user-select:none;box-shadow:0 4px 18px rgba(0,0,0,0.6)'; const TAB = document.createElement('button'); TAB.id='_ashTestTab'; TAB.textContent='◆ ASH TEST'; TAB.style.cssText = 'position:fixed;top:12px;right:'+rightPx+'px;z-index:99996;display:none;'+ 'background:rgba(12,11,9,0.92);color:#c9b79c;font:11px monospace;padding:6px 10px;border:1px solid #7a7060;'+ 'border-radius:4px;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,0.6)'; const setCollapsed = c=>{ P.style.display = c?'none':'block'; TAB.style.display = c?'block':'none'; }; TAB.onclick = ()=>setCollapsed(false); document.body.append(TAB); const h=(t,s)=>{const d=document.createElement('div');d.textContent=t;d.style.cssText=s||'';P.append(d);return d;}; { const bar=document.createElement('div'); bar.style.cssText='display:flex;align-items:center;justify-content:space-between;gap:8px'; const ttl=document.createElement('div'); ttl.textContent='◆ ASH TEST'; ttl.style.cssText='font-weight:bold;color:#c9b79c;letter-spacing:0.5px'; const cb=document.createElement('button'); cb.textContent='–'; cb.title='Collapse'; cb.style.cssText='background:#332e26;color:#e8dfd2;border:1px solid #7a7060;border-radius:3px;cursor:pointer;font:12px monospace;line-height:1;padding:1px 7px'; cb.onclick=()=>setCollapsed(true); bar.append(ttl,cb); P.append(bar); } h('TEMPORARY · ?ashtest=1 · not persisted','color:#8c8073;margin-bottom:6px;font-size:10px'); h('CANONICAL ASH LIFT: '+ASH_LIFT_CANON.toFixed(1),'color:#e8dfd2;font-weight:bold;margin-bottom:2px;font-size:11px'); h('canonical ash = base × (0.34,0.31,0.29) × '+ASH_LIFT_CANON.toFixed(1)+'. Test scales BRIGHTNESS only; RGB ratio preserved.', 'color:#8fb99a;margin-bottom:6px;font-size:9px'); h('MODE','color:#c9b79c;margin-top:6px'); const mk=(lab,val)=>{const w=document.createElement('label');w.style.cssText='display:block;cursor:pointer;padding:1px 0'; const r=document.createElement('input');r.type='radio';r.name='_atMode';r.checked=(_ASH.mode===val); r.onchange=()=>{ if(r.checked) _setAshMode(val); }; w.append(r,document.createTextNode(' '+lab));P.append(w);return r;}; const mC=mk('Canonical (ash-lift '+ASH_LIFT_CANON.toFixed(2)+')','canonical'); const mT=mk('Test (adjustable)','test'); h('ASH LIFT (0.00 – 4.00)','color:#c9b79c;margin-top:8px'); // ★ PHASE 4A.1 — widened 0.75-1.60 → 0.0-4.0 for review const lw=document.createElement('div'); lw.style.cssText='margin:2px 0 4px'; const lc=document.createElement('div'); lc.style.cssText='color:#a89a86;font-size:10px'; const liftV=document.createElement('span'); liftV.textContent=(+_ASH.lift).toFixed(2); liftV.style.color='#e8dfd2'; lc.append(document.createTextNode('ash × '),liftV); const lift=document.createElement('input'); lift.type='range'; lift.min=0.0; lift.max=4.0; lift.step=0.05; lift.value=_ASH.lift; lift.style.cssText='width:100%;margin:0'; lift.oninput=()=>{ const x=parseFloat(lift.value); liftV.textContent=x.toFixed(2); _ASH.lift=x; if(_ASH.mode!=='test'){ _ASH.mode='test'; _syncAshUI(); } window._applyAsh(); }; lw.append(lc,lift); P.append(lw); h('BURN (existing override)','color:#c9b79c;margin-top:8px'); const fzW=document.createElement('label'); fzW.style.cssText='display:block;cursor:pointer;padding:1px 0'; const fz=document.createElement('input'); fz.type='checkbox'; fz.onchange=()=>{ _ASH.frozen=fz.checked; window._applyAsh(); _syncAshUI(); }; fzW.append(fz,document.createTextNode(' freeze burn position')); P.append(fzW); const bw=document.createElement('div'); bw.style.cssText='margin:2px 0 4px'; const bc=document.createElement('div'); bc.style.cssText='color:#a89a86;font-size:10px'; const burnV=document.createElement('span'); burnV.textContent=(+_ASH.burn).toFixed(3); burnV.style.color='#e8dfd2'; bc.append(document.createTextNode('uBurn '),burnV); const burn=document.createElement('input'); burn.type='range'; burn.min=0; burn.max=1; burn.step=0.005; burn.value=_ASH.burn; burn.disabled=true; burn.style.cssText='width:100%;margin:0'; burn.oninput=()=>{ const x=parseFloat(burn.value); burnV.textContent=x.toFixed(3); _ASH.burn=x; window._applyAsh(); }; bw.append(bc,burn); P.append(bw); const rb=document.createElement('button'); rb.textContent='RESET'; rb.style.cssText='margin-top:10px;width:100%;padding:5px;background:#332e26;color:#e8dfd2;border:1px solid #7a7060;border-radius:3px;cursor:pointer;font:11px monospace'; rb.onclick=()=>window.kokuinAshTest.reset(); P.append(rb); h('console: window.kokuinAshTest','color:#6f6559;margin-top:6px;font-size:9px'); document.body.append(P); _aUI={mC,mT,lift,liftV,fz,burn,burnV,setCollapsed}; setCollapsed(false); _syncAshUI(); }; window.kokuinAshTest = { info: ()=>({ canonicalAshLift:ASH_LIFT_CANON, canonicalAshRGB:[0.34,0.31,0.29], scope:'burned ash branch only', canonicalAsh:'base * vec3(0.34,0.31,0.29) * '+ASH_LIFT_CANON.toFixed(1)+' (RGB ratio preserved; brightness-only)', appliedLift:(_ASH.mode==='canonical')?ASH_LIFT_CANON:_ASH.lift, mode:_ASH.mode, testDefault:ASH_LIFT_CANON, range:[0.0,4.0], space:'ash is computed in LINEAR working space (block injected before ); ACES + sRGB applied once by the stock tail', mesh:'Incense_Kanji_Clean', material:_ashMat.name||'(cloned GLB material)', materialType:_ashMat.type, roughness:_ashMat.roughness, metalness:_ashMat.metalness, transmission:_ashMat.transmission, opacity:_ashMat.opacity, toneMapping:window._renderer.toneMapping, exposure:window._renderer.toneMappingExposure, outputColorSpace:window._renderer.outputColorSpace }), inspect: ()=>{ const u=window._incUniforms||{}; return { mode:_ASH.mode, lift:_ASH.lift, appliedLift:(_ASH.mode==='canonical')?ASH_LIFT_CANON:_ASH.lift, frozen:_ASH.frozen, burn:_ASH.burn, uniforms:{ uAshLift:u.uAshLift&&+u.uAshLift.value.toFixed(4), uBurn:u.uBurn&&+u.uBurn.value.toFixed(5), uBurnCos:u.uBurnCos&&u.uBurnCos.value, uBurnSin:u.uBurnSin&&u.uBurnSin.value, uBurnWidth:u.uBurnWidth&&u.uBurnWidth.value }, incenseBurnOverride:window.incenseBurnOverride }; }, setMode: m=>{ const mode=_setAshMode(m); return { mode:mode, appliedLift:(mode==='canonical')?ASH_LIFT_CANON:_ASH.lift }; }, setAshLift: v=>{ _ASH.lift=Math.max(0.0,Math.min(4.0,+v)); if(_ASH.mode!=='test') _ASH.mode='test'; // ★ PHASE 4A.1 range 0.0-4.0 window._applyAsh(); _syncAshUI(); return _ASH.lift; }, freeze: b=>{ _ASH.frozen=!!b; window._applyAsh(); _syncAshUI(); return _ASH.frozen; }, setBurnPosition: p=>{ _ASH.burn=Math.max(0,Math.min(1,+p)); if(!_ASH.frozen){ _ASH.frozen=true; } window._applyAsh(); _syncAshUI(); return _ASH.burn; }, reset: ()=>{ _ASH.mode='test'; _ASH.lift=ASH_LIFT_CANON; _ASH.frozen=false; _ASH.burn=0.5; window.incenseBurnOverride=null; window._applyAsh(); _syncAshUI(); if(_aUI&&_aUI.setCollapsed) _aUI.setCollapsed(false); console.log('ASHTEST · reset → Test mode, ash-lift '+ASH_LIFT_CANON.toFixed(2)+', burn unfrozen (incenseBurnOverride=null), panel expanded'); return window.kokuinAshTest.inspect(); } }; _buildAshPanel(); window._applyAsh(); console.log('ASHTEST ACTIVE · CANONICAL ash-lift '+ASH_LIFT_CANON.toFixed(1)+' (Test default '+ASH_LIFT_CANON.toFixed(1)+', range 0–4) · panel top-right · window.kokuinAshTest'); } // ── TEMP DIAGNOSTIC controls: kanji-burn ANGLE + WIDTH (do NOT touch uBurn timing/drive) ── // ANGLE tilts the burn front within the burner plane's LOCAL X-Z face, so it stays aligned no // matter how the whole burner is rotated in the scene (we never rotate the mesh). WIDTH scales // only the ember band. Both drive shader uniforms live — no recompile, no effect on burn timing. window.kanjiBurnAngle = -8.5; // ★ BAKED 2026-07-15 · degrees, in-plane tilt of the burn front window.kanjiBurnWidth = 0.425; // ★ BAKED 2026-07-15 · ember band width × current window.setKanjiBurnAngle = (deg) => { let v = parseFloat(deg); if (isNaN(v)) return; v = Math.min(20, Math.max(-20, v)); window.kanjiBurnAngle = v; const r = THREE.MathUtils.degToRad(v); const u = window._incUniforms; if (u) { if (u.uBurnCos) u.uBurnCos.value = Math.cos(r); if (u.uBurnSin) u.uBurnSin.value = Math.sin(r); } if (window._kbAngleUI) { window._kbAngleUI.num.value = v.toFixed(1); window._kbAngleUI.sld.value = v; window._kbAngleUI.val.textContent = v.toFixed(1) + '°'; } }; window.setKanjiBurnWidth = (mul) => { let v = parseFloat(mul); if (isNaN(v)) return; v = Math.min(1.25, Math.max(0.25, v)); window.kanjiBurnWidth = v; const u = window._incUniforms; if (u && u.uBurnWidth) u.uBurnWidth.value = v; if (window._kbWidthUI) { window._kbWidthUI.num.value = v.toFixed(3); window._kbWidthUI.sld.value = v; window._kbWidthUI.val.textContent = v.toFixed(3); } }; { const C2 = document.getElementById('ctrls'); if (C2) { const mk = (label, min, max, step, val, onIn, fmt) => { const wrap = document.createElement('div'); const hd = document.createElement('div'); hd.className = 'hd'; hd.textContent = label; const line = document.createElement('div'); line.className = 'line'; const num = document.createElement('input'); num.type = 'number'; num.min = min; num.max = max; num.step = step; num.value = val; const sld = document.createElement('input'); sld.type = 'range'; sld.min = min; sld.max = max; sld.step = step; sld.value = val; const vv = document.createElement('span'); vv.className = 'cap'; vv.textContent = fmt(val); line.append(num, sld, vv); wrap.append(hd, line); C2.append(wrap); num.addEventListener('input', e => onIn(e.target.value)); sld.addEventListener('input', e => onIn(e.target.value)); return { num, sld, val: vv }; }; window._kbAngleUI = mk('KANJI BURN ANGLE', -20, 20, 0.5, -8.5, (x) => window.setKanjiBurnAngle(x), (x) => (+x).toFixed(1) + '°'); window._kbWidthUI = mk('KANJI BURN WIDTH', 0.25, 1.25, 0.025, 0.425, (x) => window.setKanjiBurnWidth(x), (x) => (+x).toFixed(3)); } } window.setKanjiBurnAngle(-8.5); window.setKanjiBurnWidth(0.425); // ★ BAKED 2026-07-15 defaults console.log('KANJI BURN diagnostic controls ready · angle ±20°/0.5 · width 0.25-1.25/0.025 (defaults 0°, 0.60)'); } if (o.isMesh && o.material) { // BOWL: clear glass + self-lit marks + subtle water const gm = Array.isArray(o.material)?o.material:[o.material]; gm.forEach(mat => { if(!mat) return; if (mat.name==='Mat_Bowl_Clear_Glass') { // (1) glass — near-transparent mat.transparent = true; mat.depthWrite = false; mat.opacity = 0.05; if (mat.color) mat.color.setRGB(0.45,0.55,0.68); // faint cool gray/blue, not milky (doubleSided untouched) mat.needsUpdate = true; o.renderOrder = 1; } else if (mat.name==='Mat_RimGlass') { // (1b) RIM ONLY — subtle frosted/worn lip: reads as an intentional rim, NOT white/metallic/glowing/opaque (★ 2026-07-20 rim micro-pass) mat.transparent = true; mat.depthWrite = false; mat.opacity = 0.16; // was 0.05 (shared w/ bowl glass) → just enough to read as a lip, still far from an opaque band if (mat.color) mat.color.setRGB(0.60,0.63,0.66); // soft neutral cloudy gray — frosted feel, not milky-white, not blue if ('roughness' in mat) mat.roughness = 0.62; // frosted diffuse sheen → catches a soft, broad highlight (no metallic/plastic look) mat.needsUpdate = true; o.renderOrder = 1; } else if (mat.name==='MAT_BowlKanji_Emissive' || mat.name==='Mat_BowlTicks') { // (2) marks — self-lit ivory if (mat.emissive) { mat.emissive.setRGB(1.0,0.94,0.82); mat.emissiveIntensity = 2.6; } // pale warm ivory mat.depthWrite = true; mat.depthTest = true; mat.toneMapped = false; // opaque: write depth so liner sits behind mat.needsUpdate = true; o.renderOrder = 4; } else if (mat.name==='WaterClock_Water_NEW_Final_MAT') { // (3) water — subtle blue, not white mat.transparent = true; mat.depthWrite = false; mat.opacity = 0.45; if (mat.color) mat.color.setRGB(0.35,0.55,0.80); mat.needsUpdate = true; o.renderOrder = 2; } }); } if (o.isMesh) { const tkm = o.name.match(/^Bowl_Tick_(\d{2})/); if (tkm) (window._tickMeshes||(window._tickMeshes={}))[parseInt(tkm[1],10)] = o; } // capture real tick meshes for world-Y level targets if (o.isMesh && /^WaterClock_Water_NEW_Final/.test(o.name)) { // WATER-LEVEL CLOCK — stage 1: manual override only (three.js strips the dot → name is ...Final001) window._waterMesh = o; if (o.morphTargetInfluences && o.morphTargetInfluences.length) { // ★ zero the baked 'Full' shape key — three.js manually drives Y + radius (was double-applying) console.log('WATER morph influences (before zeroing):', JSON.stringify(o.morphTargetInfluences)); o.morphTargetInfluences.fill(0); console.log('WATER morph influences (after zeroing):', JSON.stringify(o.morphTargetInfluences)); } // ── RIPPLE (diagnostic): one expanding ring on the flat water surface · sine×gauss crest + pale-cyan highlight · manual trigger ── { const wmat = Array.isArray(o.material)?o.material[0]:o.material; wmat.onBeforeCompile = (sh) => { sh.uniforms.uRippleT={value:-1}; sh.uniforms.uDiscR={value:0.0714}; // uRippleT<0 = idle; disc geom radius (local, normalizes 0..1 to edge) sh.uniforms.uRipAmp={value:0.03}; sh.uniforms.uRipFreq={value:34.0}; sh.uniforms.uRipWidth={value:0.10}; sh.uniforms.uCrestGain={value:2.4}; sh.uniforms.uBumpScale={value:0.6}; // crest ~2x, now angle-independent additive window._ripUniforms = sh.uniforms; sh.vertexShader = 'varying vec2 vRipXZ;\n' + sh.vertexShader.replace('#include ','#include \n vRipXZ = position.xz;'); if (RIPPLETEST) { sh.uniforms.uCrestOn={value:_RIPPLE.crestVisible?1:0}; sh.uniforms.uCrestMul={value:_RIPPLE.intensity}; } // ── CREST COLOUR — ONE source of truth. Legacy and Corrected differ ONLY in WHERE the RGB line is // injected; the text, the authored colour vec3(0.6,0.9,1.0) and the authored gain uCrestGain (2.4) // are identical in both. The ×uCrestOn×uCrestMul factors exist ONLY under ?rippletest=1 and are an // exact ×1.0 at their defaults. // ★ ALPHA: the crest's alpha bump is deliberately LEFT AT THE ORIGINAL ANCHOR in BOTH modes. Alpha is // untouched by tonemapping/colorspace, so moving it would change nothing optically while violating // the "do not modify alpha" constraint. Only the RGB line moves. It is also NOT gated by uCrestOn. const _crestRGB = ' gl_FragColor.rgb += vec3(0.6,0.9,1.0)*_crest*uCrestGain' + (RIPPLETEST ? '*uCrestOn*uCrestMul' : '') + ';\n'; const _crestA = ' gl_FragColor.a = clamp(gl_FragColor.a + _crest*uCrestGain*0.4, 0.0, 1.0);\n'; const _corrected = RIPPLETEST ? (_RIPPLE.mode === 'corrected') : false; // LEGACY is canonical in Phase 3A let _fs = sh.fragmentShader // NORMAL PERTURBATION — untouched, byte-for-byte, in BOTH modes. It also DECLARES _crest, which the // colour line consumes later; that is the only coupling and it is one-directional. .replace('#include ', '#include \n float _rn=length(vRipXZ)/max(uDiscR,1e-4); float _crest=0.0,_rip=0.0;\n if(uRippleT>=0.0){ float _d=_rn-uRippleT; float _env=exp(-(_d*_d)/(uRipWidth*uRipWidth)); float _amp=uRipAmp*(1.0-uRippleT);\n _rip=sin(_d*uRipFreq)*_env*_amp; _crest=_env*(1.0-uRippleT);\n normal=normalize(normal - vec3(dFdx(_rip),0.0,dFdy(_rip))*uBumpScale); }\n'); _fs = _corrected // CORRECTED: crest RGB added while gl_FragColor.rgb is still LINEAR outgoingLight ⇒ ACES + sRGB encode // it exactly once. NOTE: it now also passes through , which sits after . ? _fs.replace('#include ', _crestRGB + '#include ') .replace('#include ', '#include \n' + _crestA) // LEGACY (canonical for now): both lines at the original anchor, after tone mapping AND the sRGB encode. : _fs.replace('#include ', '#include \n' + _crestRGB + _crestA); sh.fragmentShader = 'uniform float uRippleT,uDiscR,uRipAmp,uRipFreq,uRipWidth,uCrestGain,uBumpScale;\n' + (RIPPLETEST ? 'uniform float uCrestOn,uCrestMul;\n' : '') + 'varying vec2 vRipXZ;\n' + _fs; }; // r165 Material.customProgramCacheKey() defaults to onBeforeCompile.toString(), which is IDENTICAL for both // ripple variants (the branch is on a JS value). Without this override three.js reuses the cached program // and the mode toggle silently no-ops. Only installed under ?rippletest=1. if (RIPPLETEST) wmat.customProgramCacheKey = ()=>'kokuin-ripple-'+_RIPPLE.mode; wmat.needsUpdate = true; window._ripMat = wmat; } window.waterLevelOverride = null; // null = LIVE 12h wall clock · a number 0..1 forces a test position const WL_LEVELS = [0.0210,0.1058,0.1487,0.1835,0.2138,0.2412,0.2664,0.2901,0.3124,0.3336,0.3539,0.3734,0.3922]; // reset,1:00..~12:00 const WL_PROFILE = [[0.00,0.0667],[0.02,0.1271],[0.04,0.1705],[0.06,0.2167],[0.08,0.2579],[0.10,0.2911],[0.12,0.3225],[0.14,0.3535],[0.16,0.3817],[0.18,0.4029],[0.20,0.4263],[0.22,0.4475],[0.24,0.4650],[0.26,0.4803],[0.28,0.4952],[0.30,0.5079],[0.32,0.5185],[0.34,0.5255],[0.36,0.5319],[0.38,0.5363],[0.40,0.5383],[0.42,0.5386]]; // wc_bowl_radius_at_z LUT const wlRadius = (z)=>{ const p=WL_PROFILE; if(z<=p[0][0])return p[0][1]; if(z>=p[p.length-1][0])return p[p.length-1][1]; for(let i=1;i+v.toFixed(3)).join(', ')); } } if (!window._tickWorldY) return; // wait until tick targets are ready // (3) target world Y by interpolating over the REAL transformed tick heights → convert to local position.y const prog=Math.min(1,Math.max(0,ov)); const hp=prog*12; let seg=Math.floor(hp); if(seg>11)seg=11; const frac=hp-seg; const tY=window._tickWorldY, tgtWorldY = tY[seg] + (tY[seg+1]-tY[seg])*frac; mesh.position.y = (tgtWorldY - window._pyB) / window._pyA; // (4) clip plane coplanar with the (now leveled → horizontal) surface if (window._fillPlane) { mesh.updateMatrixWorld(true); const box=(window._fillBox||(window._fillBox=new THREE.Box3())).setFromObject(mesh); const c=(window._fillTmpV||(window._fillTmpV=new THREE.Vector3())); box.getCenter(c); const up=(window._fillNrm||(window._fillNrm=new THREE.Vector3())).set(0,1,0).transformDirection(mesh.matrixWorld).normalize(); window._surfaceY=c.y; const EPS=0.002; c.addScaledVector(up,EPS); const dn=(window._fillNrm2||(window._fillNrm2=new THREE.Vector3())).copy(up).negate(); window._fillPlane.setFromNormalAndCoplanarPoint(dn,c); } // (5) RADIUS via exact edge-plane intersection of the bowl inner wall; recompute only when the level changes if ((window._lastRadiusLevel===undefined || Math.abs(ov-window._lastRadiusLevel)>0.0008) && window._surfaceY!=null && window._fillClone) { // recompute only on meaningful level change (live clock: ~every 35s) window._lastRadiusLevel = ov; const dpos=mesh.geometry.attributes.position; let discGeomR=0; for(let i=0;idiscGeomR)discGeomR=r; } const innerR = window._bowlInnerAt(window._surfaceY); if (innerR!=null){ const CLEAR=0.008; const _bParent=window._bowlInnerParent?window._bowlInnerParent(window._surfaceY):null; // bowl inner radius measured in the mesh's PARENT frame (unbiased by the caveRoot squish); parent-scale cancels between disc & bowl ⇒ fill is parent-independent ⇒ AxCROSS matches desktop. Isotropic parent (desktop) ⇒ _bParent≈innerR. const targetR=(_bParent!=null?_bParent:innerR)-CLEAR, absScale=targetR/discGeomR; mesh.scale.x=absScale; mesh.scale.z=absScale; window._rlog=(window._rlog||0); if(window._rlog<12){ window._rlog++; console.log('WATER RADIUS v3 · level',ov.toFixed(3),'· surfaceY',window._surfaceY.toFixed(4),'· innerContourR',innerR.toFixed(4),'· targetR',targetR.toFixed(4),'· absScale',absScale.toFixed(4)); } } } }; window.triggerWaterRipple = function(){ window._ripStart = performance.now()/1000; console.log('ripple triggered'); }; window._updateRipple = function(){ // one-shot: advance uRippleT 0→1 then stop (no loop yet) if (!window._ripUniforms || window._ripStart==null) return; const DUR = 1.6; // center→edge duration (seconds, tunable) const t = (performance.now()/1000 - window._ripStart)/DUR; if (window.RIPPLETEST && _RIPPLE.frozen) return; // ★ rippletest freeze — hold uRippleT, never a second clock if (t >= 1.0){ window._ripUniforms.uRippleT.value = -1; window._ripStart = null; return; } window._ripUniforms.uRippleT.value = t; }; // ═══ TEMPORARY — RIPPLE CREST LINEAR-PIPELINE A/B (?rippletest=1 ONLY). Nothing below runs otherwise. ═══ if (RIPPLETEST) { const wmat = window._ripMat; // the water material patched above (block-scoped there; re-bound here) // Live uniform writes only. Freeze/scrub drive the EXISTING uRippleT (the project's own ripple clock); // no second animation model is introduced. Freezing simply stops _updateRipple from advancing it. window._applyRipple = function(){ const u = window._ripUniforms; if (u) { if (u.uCrestOn) u.uCrestOn.value = _RIPPLE.crestVisible ? 1 : 0; if (u.uCrestMul) u.uCrestMul.value = _RIPPLE.intensity; if (_RIPPLE.frozen && u.uRippleT) u.uRippleT.value = _RIPPLE.time; } if (_RIPPLE.frozen) window._ripStart = null; // stop the one-shot advance while frozen }; window._setRippleMode = function(m){ m = (m === 'legacy') ? 'legacy' : 'corrected'; if (_RIPPLE.mode === m) return false; _RIPPLE.mode = m; window._ripMat.needsUpdate = true; console.log('RIPPLETEST · mode →', m.toUpperCase(), m === 'corrected' ? '(crest RGB before — linear)' : '(crest RGB after — tone-mapped + sRGB-encoded)'); return true; }; let _rUI = null; const _syncRippleUI = ()=>{ if(!_rUI) return; _rUI.mC.checked=_RIPPLE.mode==='corrected'; _rUI.mL.checked=_RIPPLE.mode==='legacy'; _rUI.vis.checked=_RIPPLE.crestVisible; _rUI.int.value=_RIPPLE.intensity; _rUI.intV.textContent=(+_RIPPLE.intensity).toFixed(2); _rUI.fz.checked=_RIPPLE.frozen; _rUI.t.value=_RIPPLE.time; _rUI.tV.textContent=(+_RIPPLE.time).toFixed(3); _rUI.t.disabled=!_RIPPLE.frozen; }; const _buildRipplePanel = ()=>{ if (_rUI) return; // Deterministic horizontal slotting from the right edge: smoke → ember → ripple, 262px apart. const rightPx = 12 + (window.SMOKETEST?262:0) + (window.EMBERTEST?262:0); const P=document.createElement('div'); P.id='_rippleTestPanel'; P.style.cssText='position:fixed;top:12px;right:'+rightPx+'px;z-index:99997;background:rgba(8,12,16,0.92);'+ 'color:#e8dfd2;font:11px/1.5 monospace;padding:10px 12px;border:1px solid #4a7a8a;border-radius:4px;'+ 'width:250px;max-height:88vh;overflow-y:auto;overflow-x:hidden;user-select:none;box-shadow:0 4px 18px rgba(0,0,0,0.6)'; const TAB=document.createElement('button'); TAB.id='_rippleTestTab'; TAB.textContent='◆ RIPPLE TEST'; TAB.style.cssText='position:fixed;top:12px;right:'+rightPx+'px;z-index:99997;display:none;'+ 'background:rgba(8,12,16,0.92);color:#7ad0e8;font:11px monospace;padding:6px 10px;border:1px solid #4a7a8a;'+ 'border-radius:4px;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,0.6)'; const setCollapsed=c=>{ P.style.display=c?'none':'block'; TAB.style.display=c?'block':'none'; }; TAB.onclick=()=>setCollapsed(false); document.body.append(TAB); const h=(t,s)=>{const d=document.createElement('div');d.textContent=t;d.style.cssText=s||'';P.append(d);return d;}; { const bar=document.createElement('div'); bar.style.cssText='display:flex;align-items:center;justify-content:space-between;gap:8px'; const ttl=document.createElement('div'); ttl.textContent='◆ RIPPLE TEST'; ttl.style.cssText='font-weight:bold;color:#7ad0e8;letter-spacing:0.5px'; const cb=document.createElement('button'); cb.textContent='–'; cb.title='Collapse'; cb.style.cssText='background:#22333a;color:#e8dfd2;border:1px solid #4a7a8a;border-radius:3px;cursor:pointer;font:12px monospace;line-height:1;padding:1px 7px'; cb.onclick=()=>setCollapsed(true); bar.append(ttl,cb); P.append(bar); } h('TEMPORARY · ?rippletest=1 · not persisted','color:#8c8073;margin-bottom:2px;font-size:10px'); h('CANONICAL: LEGACY CREST — intentionally retained for visibility','color:#ffcf8a;margin-bottom:2px;font-size:9px'); h('(corrected crest carrier is edge-on → too weak; see carrier-mismatch note)','color:#c99a7a;margin-bottom:2px;font-size:9px'); h('normal perturbation is NOT touched by any control here','color:#6f8f9a;margin-bottom:6px;font-size:9px'); h('CREST RGB INJECTION POINT','color:#7ad0e8;margin-top:6px'); const mk=(lab,val)=>{const w=document.createElement('label');w.style.cssText='display:block;cursor:pointer;padding:1px 0'; const r=document.createElement('input');r.type='radio';r.name='_rtMode';r.checked=(_RIPPLE.mode===val); r.onchange=()=>{ if(r.checked) window._setRippleMode(val); }; w.append(r,document.createTextNode(' '+lab));P.append(w);return r;}; const mL=mk('Legacy (after dithering) — CANONICAL','legacy'); const mC=mk('Corrected linear pipeline — experimental','corrected'); h('CREST','color:#7ad0e8;margin-top:8px'); const vw=document.createElement('label'); vw.style.cssText='display:block;cursor:pointer;padding:1px 0'; const vis=document.createElement('input'); vis.type='checkbox'; vis.checked=_RIPPLE.crestVisible; vis.onchange=()=>{ _RIPPLE.crestVisible=vis.checked; window._applyRipple(); }; vw.append(vis,document.createTextNode(' crest COLOUR visible')); P.append(vw); h('(alpha bump is preserved either way)','color:#6f8f9a;font-size:9px;margin-bottom:2px'); const iw=document.createElement('div'); iw.style.cssText='margin:2px 0 4px'; const ic=document.createElement('div'); ic.style.cssText='color:#a89a86;font-size:10px'; const intV=document.createElement('span'); intV.textContent='1.00'; intV.style.color='#e8dfd2'; ic.append(document.createTextNode('intensity × (on top of uCrestGain 2.4) '),intV); const int=document.createElement('input'); int.type='range'; int.min=0; int.max=4; int.step=0.01; int.value=1; int.style.cssText='width:100%;margin:0'; int.oninput=()=>{ const x=parseFloat(int.value); intV.textContent=x.toFixed(2); _RIPPLE.intensity=x; window._applyRipple(); }; iw.append(ic,int); P.append(iw); h('RIPPLE TIME (existing uRippleT)','color:#7ad0e8;margin-top:8px'); const fw=document.createElement('label'); fw.style.cssText='display:block;cursor:pointer;padding:1px 0'; const fz=document.createElement('input'); fz.type='checkbox'; fz.onchange=()=>{ _RIPPLE.frozen=fz.checked; window._applyRipple(); _syncRippleUI(); }; fw.append(fz,document.createTextNode(' freeze ripple time')); P.append(fw); const tw=document.createElement('div'); tw.style.cssText='margin:2px 0 4px'; const tc=document.createElement('div'); tc.style.cssText='color:#a89a86;font-size:10px'; const tV=document.createElement('span'); tV.textContent='0.450'; tV.style.color='#e8dfd2'; tc.append(document.createTextNode('uRippleT '),tV); const t=document.createElement('input'); t.type='range'; t.min=0; t.max=1; t.step=0.005; t.value=0.45; t.disabled=true; t.style.cssText='width:100%;margin:0'; t.oninput=()=>{ const x=parseFloat(t.value); tV.textContent=x.toFixed(3); _RIPPLE.time=x; window._applyRipple(); }; tw.append(tc,t); P.append(tw); h('(−1 = idle, no crest)','color:#6f8f9a;font-size:9px'); const rb=document.createElement('button'); rb.textContent='RESET'; rb.style.cssText='margin-top:10px;width:100%;padding:5px;background:#22333a;color:#e8dfd2;border:1px solid #4a7a8a;border-radius:3px;cursor:pointer;font:11px monospace'; rb.onclick=()=>window.kokuinRippleTest.reset(); P.append(rb); h('console: window.kokuinRippleTest','color:#6f6559;margin-top:6px;font-size:9px'); document.body.append(P); _rUI={mC,mL,vis,int,intV,fz,t,tV,setCollapsed}; setCollapsed(false); _syncRippleUI(); }; window.kokuinRippleTest = { info: ()=>({ canonicalMode:'legacy', canonicalReason:'visibility compensation for edge-on ripple carrier', correctedModeStatus:'diagnostic only', rippleCarrier:'WaterClock_Water_NEW_Final001', visibleFillMesh:'WaterClock_Fill_TEST', carrierMismatchOpen:true, canonicalCrest:'LEGACY — crest RGB after (post tone-map, post sRGB)', activeMode:_RIPPLE.mode, mesh:(window._waterMesh?window._waterMesh.name:'?'), material:wmat.name, materialType:wmat.type, toneMapped:wmat.toneMapped, transparent:wmat.transparent, opacity:wmat.opacity, depthWrite:wmat.depthWrite, depthTest:wmat.depthTest, authoredCrestColour:'vec3(0.6,0.9,1.0)', authoredCrestGain:(window._ripUniforms?window._ripUniforms.uCrestGain.value:2.4), intensityScope:'multiplies ONLY the crest RGB line — NOT the normal perturbation, NOT the alpha bump', normalPerturbation:'unchanged in both modes (anchored on )', correctedCaveat:'corrected crest also passes through , which sits after ', toneMapping:window._renderer.toneMapping, exposure:window._renderer.toneMappingExposure, outputColorSpace:window._renderer.outputColorSpace, customProgramCacheKey:wmat.customProgramCacheKey?wmat.customProgramCacheKey():'(default)' }), inspect: ()=>{ const u=window._ripUniforms||{}; return { mode:_RIPPLE.mode, crestVisible:_RIPPLE.crestVisible, intensity:_RIPPLE.intensity, frozen:_RIPPLE.frozen, time:_RIPPLE.time, uniforms:{ uRippleT:u.uRippleT&&u.uRippleT.value, uDiscR:u.uDiscR&&u.uDiscR.value, uRipAmp:u.uRipAmp&&u.uRipAmp.value, uRipFreq:u.uRipFreq&&u.uRipFreq.value, uRipWidth:u.uRipWidth&&u.uRipWidth.value, uCrestGain:u.uCrestGain&&u.uCrestGain.value, uBumpScale:u.uBumpScale&&u.uBumpScale.value, uCrestOn:u.uCrestOn&&u.uCrestOn.value, uCrestMul:u.uCrestMul&&u.uCrestMul.value }, materialFlags:{ type:wmat.type, toneMapped:wmat.toneMapped, transparent:wmat.transparent, opacity:wmat.opacity, depthWrite:wmat.depthWrite, depthTest:wmat.depthTest, side:wmat.side } }; }, setMode: m=>{ const c=window._setRippleMode(m); _syncRippleUI(); return {mode:_RIPPLE.mode,recompiled:c}; }, setCrestVisible: b=>{ _RIPPLE.crestVisible=!!b; window._applyRipple(); _syncRippleUI(); return _RIPPLE.crestVisible; }, setIntensity: v=>{ _RIPPLE.intensity=Math.max(0,Math.min(4,+v)); window._applyRipple(); _syncRippleUI(); return _RIPPLE.intensity; }, freeze: b=>{ _RIPPLE.frozen=!!b; window._applyRipple(); _syncRippleUI(); return _RIPPLE.frozen; }, setTime: t=>{ _RIPPLE.time=Math.max(-1,Math.min(1,+t)); window._applyRipple(); _syncRippleUI(); return _RIPPLE.time; }, reset: ()=>{ window._setRippleMode('legacy'); // ★ PHASE 3B: legacy is canonical; reset returns to it _RIPPLE.crestVisible=true; _RIPPLE.intensity=1.0; _RIPPLE.frozen=false; _RIPPLE.time=0.45; window._ripStart=null; if(window._ripUniforms&&window._ripUniforms.uRippleT) window._ripUniforms.uRippleT.value=-1; window._applyRipple(); _syncRippleUI(); if(_rUI&&_rUI.setCollapsed) _rUI.setCollapsed(false); console.log('RIPPLETEST · reset → LEGACY (canonical), crest visible, ×1.00, time unfrozen (idle)'); return window.kokuinRippleTest.inspect(); } }; _buildRipplePanel(); window._applyRipple(); console.log('RIPPLETEST ACTIVE · CANONICAL = LEGACY crest (intentionally retained) · corrected = diagnostic only · window.kokuinRippleTest'); } // ── FALLING DROP (diagnostic one-shot): falls to live surface center/height, hides on impact, triggers ripple ── { const dg = new THREE.SphereGeometry(0.02, 12, 12); const dm = new THREE.MeshStandardMaterial({ color:0x4a7fb5, transparent:true, opacity:0.8, roughness:0.15, metalness:0 }); const drop = new THREE.Mesh(dg, dm); drop.scale.set(0.65,1.35,0.65); drop.visible=false; drop.renderOrder=3; drop.frustumCulled=false; caveScene.add(drop); window._waterDrop = drop; } window.triggerWaterDrop = function(){ const drop=window._waterDrop, wm=window._waterMesh; if(!drop||!wm) return; wm.updateMatrixWorld(true); const bb=new THREE.Box3().setFromObject(wm), c=new THREE.Vector3(); bb.getCenter(c); window._dropCX=c.x; window._dropCZ=c.z; window._dropTargetY=(window._surfaceY!=null?window._surfaceY:c.y); window._dropStartY=window._dropTargetY+1.2; // unseen point above the composition window._dropStart=performance.now()/1000; drop.position.set(window._dropCX, window._dropStartY, window._dropCZ); drop.visible=true; console.log('drop triggered → center', c.x.toFixed(2), c.z.toFixed(2), '· targetY', window._dropTargetY.toFixed(3)); }; window._updateDrop = function(){ const drop=window._waterDrop; if(!drop||window._dropStart==null) return; const FALL=0.55; const t=(performance.now()/1000-window._dropStart)/FALL; // gentle fall if (t>=1.0){ drop.visible=false; window._dropStart=null; if(window.triggerWaterRipple) window.triggerWaterRipple(); return; } // impact → hide + ripple const e=t*t; // ease-in (gentle acceleration, no physics) drop.position.y = window._dropStartY + (window._dropTargetY-window._dropStartY)*e; drop.visible=true; }; // ── ATMOSPHERIC LOOP: drop → impact → ripple → calm pause → repeat. Never overlaps; independent of the 12h clock. ── window.waterDropLoopEnabled = true; // default on · set false to stop window._nextDropAt = performance.now()/1000 + 2.5; // brief calm opening before the first drop window._updateDropLoop = function(){ if (!window.waterDropLoopEnabled) return; if (window._dropStart!=null || window._ripStart!=null) return; // only start a cycle when drop AND ripple have fully ended const now = performance.now()/1000; if (now >= window._nextDropAt){ window.triggerWaterDrop(); window._nextDropAt = now + 0.55 + 1.6 + 2.3; // fall(0.55) + ripple(1.6) + calm pause(2.3) ≈ 4.45s cycle } }; console.log('WATER LEVEL (stage1) captured:', o.name, '· ripple/drop loop on (window.waterDropLoopEnabled=false to stop)'); } if (o.isMesh && /^WaterClock_Bowl_Final/.test(o.name) && !window._fillClone) { // HALF-FILL TEST: clipped clone of the bowl shell (below waterline = blue). Original bowl untouched. renderer.localClippingEnabled = true; const plane = new THREE.Plane(new THREE.Vector3(0,-1,0), 0); // keeps fragments BELOW; constant set per-frame from water surface world-Y const fillMat = new THREE.MeshStandardMaterial({ color:new THREE.Color(0.08,0.18,0.32), transparent:true, opacity:0.5, side:THREE.DoubleSide, roughness:0.4, metalness:0, depthWrite:false }); fillMat.clippingPlanes = [plane]; const clone = o.clone(); clone.name = 'WaterClock_Fill_TEST'; clone.material = fillMat; clone.renderOrder = 1; // same geometry/transform/parent as bowl o.parent.add(clone); window._fillPlane = plane; window._fillClone = clone; console.log('FILL TEST: WaterClock_Fill_TEST clone added · clipped below water surface'); } if (o.isMesh) { const mats = Array.isArray(o.material)?o.material:[o.material]; mats.forEach(mat => { if(!mat) return; let rx=1, ry=1; if (mat.name==='MAT_Floor_CaveDerived'){ rx=1.5; ry=1.5*0.125; } else if (mat.name==='MAT_Wall_RusticAdobe_Poliigon8985'){ rx=5.1; ry=5.1*0.125; } else if (mat.name==='MAT_Roof_RusticAdobe_Poliigon8985'){ rx=5.5; ry=5.5; } if (rx!==1||ry!==1){ ['map','normalMap','roughnessMap','metalnessMap','aoMap'].forEach(k=>{ if(mat[k]){ const c=mat[k].clone(); c.repeat.set(rx,ry); c.wrapS=c.wrapT=THREE.RepeatWrapping; c.needsUpdate=true; mat[k]=c; } }); mat.needsUpdate=true; } }); } }); const b = new THREE.Box3().setFromObject(gltf.scene), s = new THREE.Vector3(), c = new THREE.Vector3(); b.getSize(s); b.getCenter(c); window._caveBox = { size: s.toArray().map(v=>+v.toFixed(2)), center: c.toArray().map(v=>+v.toFixed(2)) }; console.log('CAVE loaded · size', JSON.stringify(window._caveBox.size), '· center', JSON.stringify(window._caveBox.center), '· flicker', caveFlicker.length); // ═══ HERO CANDLE BODY-CLIP CONTROLLER — init exactly once here; manual override only (window.candleBurnOverride 0..0.999). No flame/wick, no kanji hide, no live clock yet. ═══ (function initCandleClip(){ const specs = [ { root:'TimeCandle_Root', body:'TimeCandle_Body', wax:'TimeCandle_Body001_2', marks:'TimeCandle_Body001_3' }, { root:'TimeCandle_Root001', body:'TimeCandle_Body001', wax:'TimeCandle_Body002', marks:'TimeCandle_Body002_1' }, ]; gltf.scene.updateMatrixWorld(true); const cloneMat = m => m.material = Array.isArray(m.material) ? m.material.map(x=>x.clone()) : m.material.clone(); const assignPln = (m,p) => (Array.isArray(m.material)?m.material:[m.material]).forEach(x=>{ x.clippingPlanes=[p]; x.clipShadows=true; x.needsUpdate=true; }); const candles = []; for (const sp of specs){ const root = gltf.scene.getObjectByName(sp.root); if (!root){ console.warn('CANDLE-CLIP: root not found ·', sp.root); return; } const body = root.children.find(c => c.name === sp.body); // resolve within hierarchy, not by prefix if (!body){ console.warn('CANDLE-CLIP: body group not found ·', sp.root, '>', sp.body); return; } const wax = body.children.find(c => c.name === sp.wax); const marks = body.children.find(c => c.name === sp.marks); if (!wax || !marks){ console.warn('CANDLE-CLIP: wax/marks not found ·', sp.body, '>', sp.wax, '/', sp.marks); return; } const bb = new THREE.Box3().setFromObject(body); // runtime world top/bottom of the body group const fullTop = bb.max.y, fullBottom = bb.min.y; const ctr = new THREE.Vector3(); bb.getCenter(ctr); // body world X/Z center (reused by FX positioning; no extra scene search) const plane = new THREE.Plane(new THREE.Vector3(0,-1,0), fullTop); // keep body BELOW burnLine: n·p + c ≥ 0 → y ≤ constant // ★ PHASE 5C — clip EVERY decorative mesh under this candle root with the SAME burn plane (wax, body-marks, the // ring meshes TimeCandle_Mark_*, the unnamed body-decal mesh, AND all 12 TimeCandle_Kanji_*), so any marking // above the burn line is consumed exactly like the wax. BEFORE 5C only wax + body-marks were clipped; the ring // meshes had NO clip and NO hide (always visible), and the two bottom kanji never hid because physicalBurn // saturates at ~0.916 < their meltT. Each mesh material is cloned once (marks material is scene-shared) so the // two candles clip to their own burnLine. The wick+flame FX group is parented to the root AFTER this init, so // this traverse never reaches it (flame/wick stay unclipped). The meltT visibility system is left unchanged. root.traverse(o => { if (o.isMesh && o.material){ cloneMat(o); assignPln(o, plane); } }); candles.push({ name: sp.root, plane, fullTop, fullBottom, root, bodyCX: ctr.x, bodyCZ: ctr.z }); console.log('CANDLE-CLIP init ·', sp.root, '· worldTop', +fullTop.toFixed(4), '· worldBottom', +fullBottom.toFixed(4)); } renderer.localClippingEnabled = true; window._candles = candles; window.candleBurnOverride = null; // null/undefined = live 12h wall clock; finite 0..1 = manual diagnostic override window._candleClipInit = true; // Body hour-boundary burn positions (0..12h). NOT the kanji _melt_T thresholds — 0.993 is reserved for kanji-hiding only. const candleBodyHourBurn = [ 0.000, 0.076, 0.152, 0.228, 0.305, 0.381, 0.458, 0.534, 0.611, 0.687, 0.764, 0.840, 0.917 ]; const minimumStubHeight = 0.005; // keep a small visible wax stub at full burn let _lastBurnLogged = null; let _lastCandleMode = null; // track LIVE vs OVERRIDE for change-guarded mode logging window._updateCandles = function(){ if (!window._candleClipInit) return; // safe no-op until init complete const ov = window.candleBurnOverride; const manual = Number.isFinite(ov); // finite number = manual override; null/undefined = live let clockFraction; if (manual){ clockFraction = THREE.MathUtils.clamp(ov, 0, 0.999); // manual diagnostic — behavior preserved exactly } else { const d = new Date(); // live 12h wall clock — SAME convention as incense (l.598) & water (l.671) const s = (d.getHours()%12)*3600 + d.getMinutes()*60 + d.getSeconds() + d.getMilliseconds()/1000; clockFraction = s / 43200; // 0→1 each 12h, smooth (incl. ms), resets at noon & midnight } if (manual !== _lastCandleMode){ // change-guarded mode report (not per frame) console.log('CANDLE CLOCK ·', manual ? 'OVERRIDE' : 'LIVE', '· fraction', +clockFraction.toFixed(4)); _lastCandleMode = manual; } // semantic clock fraction → calibrated physical burn (piecewise-interpolate the hour table) const clockPosition = Math.max(0, Math.min(0.999, clockFraction)) * 12; const hourIndex = Math.floor(clockPosition); const hourMix = clockPosition - hourIndex; const a = candleBodyHourBurn[Math.min(hourIndex, 11)]; const b = candleBodyHourBurn[Math.min(hourIndex + 1, 12)]; const physicalBurn = THREE.MathUtils.lerp(a, b, hourMix); window._candlePhysicalBurn = physicalBurn; // expose single source of truth (read-only; kanji-hide reads this — no clip/calibration change) const doLog = manual && ((_lastBurnLogged === null) || Math.abs(clockFraction - _lastBurnLogged) > 1e-6); // per-fraction detail only in manual mode for (const cd of window._candles){ let burnLine = THREE.MathUtils.lerp(cd.fullTop, cd.fullBottom, physicalBurn); burnLine = Math.max(burnLine, cd.fullBottom + minimumStubHeight); // preserve visible stub cd.plane.constant = burnLine; // mutate existing plane only if (doLog) console.log('CANDLE-CLIP ·', cd.name, '· clockFrac', +clockFraction.toFixed(4), '· physicalBurn', +physicalBurn.toFixed(4), '· burnLineY', +burnLine.toFixed(4)); } if (doLog) _lastBurnLogged = clockFraction; }; console.log('CANDLE-CLIP ready · window.candleBurnOverride = elapsed 12h fraction (0..0.999) · candles', candles.length); })(); // ═══ HERO CANDLE FX — procedural wick + flame, STATIC (no flicker/scale/opacity/light/clock). Init exactly once; parented to each candle root. ═══ (function initCandleFX(){ if (!window._candles || !window._candles.length){ console.warn('CANDLE-FX: no candles — skipping'); return; } // procedural flame sprite texture (no external file): asymmetric S-silhouette via beziers + smooth vertical gradients. No composite/mask/filter/shadow. function makeFlameTexture(){ const cv = document.createElement('canvas'); cv.width = 64; cv.height = 128; const g = cv.getContext('2d'); g.clearRect(0, 0, 64, 128); // (1) SOFT GLOW — one larger low-opacity orange silhouette behind the main flame (subtle edge glow, not a halo) g.beginPath(); g.moveTo(30, 123); g.bezierCurveTo(5, 110, 3, 84, 16, 58); g.bezierCurveTo(25, 38, 20, 28, 37, 7); g.bezierCurveTo(31, 30, 50, 44, 53, 68); g.bezierCurveTo(59, 96, 54, 112, 30, 123); g.closePath(); g.fillStyle = 'rgba(255,120,20,0.14)'; g.fill(); // (2) OUTER FLAME — tall, narrow, slightly asymmetric S leaning right; rounded belly, thin curved tip g.beginPath(); g.moveTo(30, 118); // lower belly (just left of center) g.bezierCurveTo(15, 108, 13, 90, 21, 70); // left belly rising g.bezierCurveTo(27, 54, 24, 40, 34, 23); // left S-curve toward tip g.bezierCurveTo(38, 15, 39, 11, 37, 9); // thin curved tip (leans right) g.bezierCurveTo(35, 17, 40, 31, 44, 49); // right side descending from tip g.bezierCurveTo(50, 67, 52, 93, 40, 108); // right belly g.bezierCurveTo(36, 114, 33, 117, 30, 118); // close belly g.closePath(); const outer = g.createLinearGradient(0, 118, 0, 9); // bottom → tip, no hard bands outer.addColorStop(0.00, 'rgba(200,60,0,0.00)'); // lower edge: transparent dark orange outer.addColorStop(0.13, 'rgba(224,80,0,0.70)'); outer.addColorStop(0.36, 'rgba(255,140,20,1.00)'); // lower-middle: rich orange outer.addColorStop(0.62, 'rgba(255,205,75,1.00)'); // center: warm yellow outer.addColorStop(0.85, 'rgba(255,238,150,0.80)'); // upper: pale yellow outer.addColorStop(1.00, 'rgba(255,250,205,0.00)'); // tip fades to transparent g.fillStyle = outer; g.fill(); // (3) INNER CORE — narrow curved tongue from lower third, offset slightly right, soft ivory fading upward g.beginPath(); g.moveTo(33, 102); g.bezierCurveTo(26, 92, 27, 76, 31, 60); g.bezierCurveTo(34, 48, 33, 43, 35, 38); g.bezierCurveTo(38, 45, 39, 58, 40, 72); g.bezierCurveTo(41, 86, 39, 96, 33, 102); g.closePath(); const inner = g.createLinearGradient(0, 102, 0, 38); inner.addColorStop(0.00, 'rgba(255,245,205,0.20)'); inner.addColorStop(0.32, 'rgba(255,252,230,0.90)'); // strongest lower-middle inner.addColorStop(0.68, 'rgba(255,255,246,0.55)'); inner.addColorStop(1.00, 'rgba(255,255,255,0.00)'); // fade into outer near tip g.fillStyle = inner; g.fill(); const tex = new THREE.CanvasTexture(cv); tex.needsUpdate = true; tex.colorSpace = THREE.SRGBColorSpace; tex.minFilter = THREE.LinearFilter; tex.magFilter = THREE.LinearFilter; tex.generateMipmaps = false; return tex; } // shared assets — created EXACTLY ONCE, reused by both candles const wickGeo = new THREE.CylinderGeometry(0.0013, 0.0013, 0.010, 8); const wickMat = new THREE.MeshStandardMaterial({ color: 0x1a1008, roughness: 0.9, metalness: 0.0 }); const flameTex = makeFlameTexture(); const flameMat = new THREE.SpriteMaterial({ map: flameTex, color: 0xffffff, transparent: true, opacity: 1, alphaTest: 0.01, depthTest: false, depthWrite: false, blending: THREE.NormalBlending, toneMapped: false }); const _wp = new THREE.Vector3(); // scratch world burn-line point (reused each frame — no per-frame allocation) const fxList = []; for (const cd of window._candles){ const group = new THREE.Group(); group.name = 'HeroFX_' + cd.name; const wick = new THREE.Mesh(wickGeo, wickMat); wick.position.y = 0.003; // cylinder center → bottom ~-0.002 (penetrates wax), top ~+0.008 group.add(wick); const flame = new THREE.Sprite(flameMat); flame.scale.set(0.017, 0.036, 1); // world-space visible size (w×h) flame.position.y = 0.020; // immediately above wick top group.add(flame); cd.root.add(group); // parent FX to the candle root cd.fx = { group, wick, flame }; fxList.push(cd); } window._candleFX = fxList; window._candleFXInit = true; window._updateCandleFX = function(){ if (!window._candleFXInit) return; // safe no-op until FX setup complete for (const cd of window._candleFX){ _wp.set(cd.bodyCX, cd.plane.constant, cd.bodyCZ); // world burn-line point (X/Z body center, Y = live plane constant) cd.root.worldToLocal(_wp); // → candle-root local space cd.fx.group.position.copy(_wp); // move FX group only } }; // ── TEMP flame diagnostic (window.debugCandleFlame): solid-magenta debug vs restore procedural. Swaps material+scale only; no reposition/recreate. ── const flameDebugMat = new THREE.SpriteMaterial({ color: 0xff00ff, map: null, transparent: false, opacity: 1, depthTest: false, depthWrite: false }); const FLAME_SCALE = { w: 0.017, h: 0.036 }, FLAME_DEBUG_SCALE = { w: 0.030, h: 0.060 }; window.debugCandleFlame = false; let _lastFlameDebug = null; window._applyFlameDebug = function(){ const on = !!window.debugCandleFlame; if (on === _lastFlameDebug) return; // apply only on state change for (const cd of window._candleFX){ const fl = cd.fx.flame; if (on){ fl.material = flameDebugMat; fl.renderOrder = 999; fl.scale.set(FLAME_DEBUG_SCALE.w, FLAME_DEBUG_SCALE.h, 1); } else { fl.material = flameMat; fl.renderOrder = 0; fl.scale.set(FLAME_SCALE.w, FLAME_SCALE.h, 1); } } _lastFlameDebug = on; console.log('CANDLE-FX · flame debug', on ? 'ON (solid magenta, 0.030×0.060)' : 'OFF (procedural restored, 0.014×0.028)'); }; window._logCandleFlames = function(){ const wp = new THREE.Vector3(); window._candleFX.forEach((cd,i) => { const fl = cd.fx.flame; fl.getWorldPosition(wp); console.log('FLAME['+i+'] ·', cd.name, '· visible', fl.visible, '· pos', JSON.stringify(fl.position.toArray().map(v=>+v.toFixed(4))), '· worldPos', JSON.stringify(wp.toArray().map(v=>+v.toFixed(4))), '· scale', JSON.stringify(fl.scale.toArray().map(v=>+v.toFixed(4))), '· parent', (fl.parent&&fl.parent.name)||'?', '· matType', (fl.material&&fl.material.type)||'?', '· frustumCulled', fl.frustumCulled, '· renderOrder', fl.renderOrder); }); }; // ── Subtle async flame flicker — animates ONLY sprite-local position + scale (per-candle phase). Opacity untouched (shared material). Static wick. ── if (window._candleFX[0]) window._candleFX[0].flamePhase = 0.0; // Candle A if (window._candleFX[1]) window._candleFX[1].flamePhase = 1.7; // Candle B (desynchronized) const FLAME_BASE_X = 0, FLAME_BASE_Y = 0.020, FLAME_BASE_Z = 0; // approved static local transform of the flame within its FX group const FLAME_BOTTOM = FLAME_BASE_Y - FLAME_SCALE.h * 0.5; // baseline lower edge (kept anchored to the wick) window.candleFlameFlickerEnabled = true; let _flickerApplied = false; window._updateFlameFlicker = function(){ if (!window._candleFXInit) return; if (window.debugCandleFlame) return; // magenta diagnostic owns the sprites — leave stable if (!window.candleFlameFlickerEnabled){ if (_flickerApplied){ // restore exact approved static state once for (const cd of window._candleFX){ cd.fx.flame.position.set(FLAME_BASE_X, FLAME_BASE_Y, FLAME_BASE_Z); cd.fx.flame.scale.set(FLAME_SCALE.w, FLAME_SCALE.h, 1); } _flickerApplied = false; } return; } const t = window._showT(); // shared motion epoch (0 while still); per-candle phase decorrelates them for (const cd of window._candleFX){ const fl = cd.fx.flame, phase = cd.flamePhase || 0; const flickerA = Math.sin(t * 7.3 + phase); const flickerB = Math.sin(t * 11.1 + phase * 1.37); const flickerC = Math.sin(t * 3.9 + phase * 0.73); const mix = flickerA * 0.55 + flickerB * 0.30 + flickerC * 0.15; // main [-1,1] const mix2 = Math.sin(t * 5.2 + phase * 2.1) * 0.6 + Math.sin(t * 9.7 + phase) * 0.4; // decorrelated const h = FLAME_SCALE.h * (1 + mix * 0.08); // height ±8% const w = FLAME_SCALE.w * (1 + mix2 * 0.04); // width ±4% fl.scale.set(w, h, 1); fl.position.x = FLAME_BASE_X + mix2 * 0.0012; // lateral drift ±0.0012 fl.position.y = FLAME_BOTTOM + h * 0.5 + mix * 0.0006; // anchor lower edge to wick + tiny ±0.0006 vertical drift fl.position.z = FLAME_BASE_Z; } _flickerApplied = true; }; console.log('CANDLE-FX ready · procedural wick+flame · groups', fxList.length, '· flicker window.candleFlameFlickerEnabled · debug window.debugCandleFlame'); })(); // ═══ HERO CANDLE KANJI — top-down disappearance via original _melt_T thresholds (compared vs physicalBurn). Init once; toggles visibility only. ═══ (function initCandleKanji(){ if (!window._candles || !window._candles.length){ console.warn('CANDLE-KANJI: no candles — skipping'); return; } // _melt_T per kanji index 1..12 (Kanji_01 = bottom, hides last; Kanji_12 = top, hides first). Identical for both candles. const MELT_T = [null, 0.993, 0.917, 0.840, 0.764, 0.687, 0.611, 0.534, 0.458, 0.381, 0.305, 0.228, 0.152]; const pad2 = n => String(n).padStart(2, '0'); for (const cd of window._candles){ const suffix = cd.name.replace('TimeCandle_Root', ''); // '' for A, '001' for B const kanji = []; for (let n = 1; n <= 12; n++){ const nm = 'TimeCandle_Kanji_' + pad2(n) + suffix; const mesh = cd.root.children.find(c => c.name === nm); // exact name within this root's children (avoids _01 ⊂ _01001 prefix trap) if (mesh) kanji.push({ mesh, meltT: MELT_T[n] }); else console.warn('CANDLE-KANJI: not found ·', nm); } cd.kanji = kanji; } window._candleKanji = window._candles; window._candleKanjiInit = true; window._updateCandleKanji = function(){ if (!window._candleKanjiInit) return; const pb = window._candlePhysicalBurn; // single source of truth from _updateCandles if (pb == null) return; for (const cd of window._candleKanji){ for (const k of cd.kanji){ const vis = pb < k.meltT; // hide when burn reaches threshold; restores if burn decreases if (k.mesh.visible !== vis) k.mesh.visible = vis; // toggle only on change } } }; console.log('CANDLE-KANJI ready · top-down _melt_T hiding · candles', window._candleKanji.length); })(); // ═══ BACKGROUND CANDLE FLAMES — one small procedural flame above each Wick_01..25. Decorative only: no melt, burn, light, smoke, or clock. Init once. ═══ (function initBackgroundFlames(){ gltf.scene.updateMatrixWorld(true); // ensure cave matrices current for wick-top world positions // reuse the approved shared hero flame material if safely accessible; never mutated (debug swaps sprite refs, not this object) let bgMat = null; const heroFl = window._candleFX && window._candleFX[0] && window._candleFX[0].fx && window._candleFX[0].fx.flame; if (heroFl && heroFl.material && heroFl.material.isSpriteMaterial && heroFl.material.map){ bgMat = heroFl.material; } else { // fallback: replicate approved flame artwork EXACTLY ONCE (one texture, one material) const cv = document.createElement('canvas'); cv.width = 64; cv.height = 128; const g = cv.getContext('2d'); g.clearRect(0,0,64,128); g.beginPath(); g.moveTo(30,123); g.bezierCurveTo(5,110,3,84,16,58); g.bezierCurveTo(25,38,20,28,37,7); g.bezierCurveTo(31,30,50,44,53,68); g.bezierCurveTo(59,96,54,112,30,123); g.closePath(); g.fillStyle='rgba(255,120,20,0.14)'; g.fill(); g.beginPath(); g.moveTo(30,118); g.bezierCurveTo(15,108,13,90,21,70); g.bezierCurveTo(27,54,24,40,34,23); g.bezierCurveTo(38,15,39,11,37,9); g.bezierCurveTo(35,17,40,31,44,49); g.bezierCurveTo(50,67,52,93,40,108); g.bezierCurveTo(36,114,33,117,30,118); g.closePath(); const outer=g.createLinearGradient(0,118,0,9); outer.addColorStop(0.00,'rgba(200,60,0,0.00)'); outer.addColorStop(0.13,'rgba(224,80,0,0.70)'); outer.addColorStop(0.36,'rgba(255,140,20,1.00)'); outer.addColorStop(0.62,'rgba(255,205,75,1.00)'); outer.addColorStop(0.85,'rgba(255,238,150,0.80)'); outer.addColorStop(1.00,'rgba(255,250,205,0.00)'); g.fillStyle=outer; g.fill(); g.beginPath(); g.moveTo(33,102); g.bezierCurveTo(26,92,27,76,31,60); g.bezierCurveTo(34,48,33,43,35,38); g.bezierCurveTo(38,45,39,58,40,72); g.bezierCurveTo(41,86,39,96,33,102); g.closePath(); const inner=g.createLinearGradient(0,102,0,38); inner.addColorStop(0.00,'rgba(255,245,205,0.20)'); inner.addColorStop(0.32,'rgba(255,252,230,0.90)'); inner.addColorStop(0.68,'rgba(255,255,246,0.55)'); inner.addColorStop(1.00,'rgba(255,255,255,0.00)'); g.fillStyle=inner; g.fill(); const tex=new THREE.CanvasTexture(cv); tex.needsUpdate=true; tex.colorSpace=THREE.SRGBColorSpace; tex.minFilter=THREE.LinearFilter; tex.magFilter=THREE.LinearFilter; tex.generateMipmaps=false; bgMat = new THREE.SpriteMaterial({ map: tex, color:0xffffff, transparent:true, opacity:1, alphaTest:0.01, depthTest:false, depthWrite:false, blending:THREE.NormalBlending, toneMapped:false }); } // ★ GHOST-FLAME DEPTH FIX — background flames get a DEDICATED cloned material so opaque cave geometry // (CAP_RIGHT etc.) occludes them normally. Hero flame material is NEVER touched (only this clone changes). bgMat = bgMat.clone(); bgMat.depthTest = true; bgMat.depthWrite = false; bgMat.needsUpdate = true; const BG_W = 0.012, BG_H = 0.026; // smaller than hero (0.017×0.036) — secondary const _bgTmp = new THREE.Vector3(), _bgWickBox = new THREE.Box3(), _bgBodyBox = new THREE.Box3(); // resolve the melt-gen candle bodies for wick→body nearest-pairing (used by the off-center centering) const _bgBodies = []; gltf.scene.traverse(o => { if (o.isMesh && /^WEB_MeltGen_Candle_/.test(o.name)) _bgBodies.push(o); }); const _nbBox = new THREE.Box3(), _nbC = new THREE.Vector3(); const nearestBody = (wx, wz) => { let best=null, bd=1e9; for (const b of _bgBodies){ _nbBox.setFromObject(b); _nbBox.getCenter(_nbC); const d=Math.hypot(_nbC.x-wx,_nbC.z-wz); if(d { let x = parseFloat(v); if (isNaN(x)) return; x = Math.min(0.05, Math.max(-0.05, x)); window.candleFlameHeightOffset = x; if (window._flameHUI){ window._flameHUI.num.value = x.toFixed(3); window._flameHUI.sld.value = x; window._flameHUI.val.textContent = x.toFixed(3); } }; window.debugFlameAnchors = false; { const C5 = document.getElementById('ctrls'); if (C5){ const wrap = document.createElement('div'); const hd = document.createElement('div'); hd.className = 'hd'; hd.textContent = 'CANDLE FLAME HEIGHT OFFSET'; const line = document.createElement('div'); line.className = 'line'; const num = document.createElement('input'); num.type='number'; num.min=-0.05; num.max=0.05; num.step=0.001; num.value=0; const sld = document.createElement('input'); sld.type='range'; sld.min=-0.05; sld.max=0.05; sld.step=0.001; sld.value=0; const vv = document.createElement('span'); vv.className='cap'; vv.textContent='0.000'; line.append(num, sld, vv); wrap.append(hd, line); C5.append(wrap); num.addEventListener('input', e=>window.setCandleFlameHeightOffset(e.target.value)); sld.addEventListener('input', e=>window.setCandleFlameHeightOffset(e.target.value)); window._flameHUI = { num, sld, val: vv }; const row = document.createElement('div'); row.className='row'; const b = document.createElement('button'); b.textContent='DEBUG FLAME ANCHORS'; b.onclick = () => { window.debugFlameAnchors = !window.debugFlameAnchors; b.classList.toggle('on', window.debugFlameAnchors); if (window.debugFlameAnchors) console.log('FLAME PAIRS:', window.kokuinFlamePairs.map(x=>x.flame+'→wick '+x.wick+' / body '+x.body).join(', ')); }; row.append(b); C5.append(row); window._flameDbgBtn = b; } } let _bgLastShow = null, _dbgLast = null; window._updateBackgroundFlames = function(){ if (!window._bgFlamesInit) return; const arr = window._backgroundCandleFlames; const show = window.backgroundCandleFlamesEnabled !== false; if (show !== _bgLastShow){ for (const f of arr) f.sprite.visible = show; _bgLastShow = show; } // change-guarded visibility if (window.debugFlameAnchors !== _dbgLast){ for (const f of arr) if (f.marker) f.marker.visible = !!window.debugFlameAnchors; _dbgLast = window.debugFlameAnchors; } // markers off = not rendered if (!show) return; const t = window._showT(); // shared motion epoch (0 while still); per-wick phase decorrelates const hOff = window.candleFlameHeightOffset || 0; const flick = window.backgroundCandleFlickerEnabled !== false; for (const f of arr){ const sp = f.sprite; // ★ Wick-authoritative, LIVE world recompute (never cumulative). Vertical always from the wick tip. _bgWickBox.setFromObject(f.wick); const tcx = (_bgWickBox.min.x + _bgWickBox.max.x) * 0.5; const tcy = _bgWickBox.max.y; // wick-tip height (world) const tcz = (_bgWickBox.min.z + _bgWickBox.max.z) * 0.5; let hx = tcx, hz = tcz; // horizontal target defaults to the REAL wick if (f.body){ _bgBodyBox.setFromObject(f.body); const cx = (_bgBodyBox.min.x + _bgBodyBox.max.x) * 0.5, cz = (_bgBodyBox.min.z + _bgBodyBox.max.z) * 0.5; const halfFoot = Math.max(_bgBodyBox.max.x - _bgBodyBox.min.x, _bgBodyBox.max.z - _bgBodyBox.min.z) * 0.5; const frac = halfFoot > 1e-6 ? Math.hypot(tcx - cx, tcz - cz) / halfFoot : 0; if (frac > 0.20){ hx = cx; hz = cz; } // badly off-center wick → center X/Z on the candle body } _bgTmp.set(hx, tcy, hz); sp.parent.worldToLocal(_bgTmp); // horizontal from wick|body, vertical from wick tip → local let w = f.baseW, h = f.baseH, yFlick = 0; if (flick){ // only the already-intended flicker props vary const phase = f.phase; const fa = Math.sin(t*7.3 + phase), fb = Math.sin(t*11.1 + phase*1.37), fc = Math.sin(t*3.9 + phase*0.73); const mix = fa*0.55 + fb*0.30 + fc*0.15; const mix2 = Math.sin(t*5.2 + phase*2.1)*0.6 + Math.sin(t*9.7 + phase)*0.4; w = f.baseW * (1 + mix2*0.04); // ±4% width (unchanged amplitude) h = f.baseH * (1 + mix *0.08); // ±8% height (unchanged amplitude) yFlick = mix * 0.0005; // tiny VERTICAL flicker only — NO horizontal drift } sp.scale.set(w, h, 1); sp.position.set(_bgTmp.x, _bgTmp.y + h*0.5 + hOff + yFlick + STATIC_FLAME_Y_OFFSET_CANON, _bgTmp.z); // X/Z = wick|body center; Y = wick tip + ½h + height-offset + vertical bob + ★PHASE 5B canonical -0.0165 (static flames only) } }; // ── FLAME ALIGNMENT AUDIT → window.kokuinFlameAlignmentAudit ── const cAll = (re) => { let c = 0; gltf.scene.traverse(o => { if (o.isMesh && re.test(o.name)) c++; }); return c; }; window.kokuinFlameAlignmentAudit = { candleMeshCount: cAll(/candle/i), wickCount: (() => { let c = 0; for (let n=1;n<=25;n++) if (gltf.scene.getObjectByName('Wick_'+String(n).padStart(2,'0'))) c++; return c; })(), candleBodyCount: _bgBodies.length, backgroundFlameCount: flames.length, heroFlameCount: (window._candleFX ? window._candleFX.length : 0), wickNames: flames.map(f => f.wickName), bodyNames: flames.map(f => f.bodyName), flameParent: flames.length ? (flames[0].sprite.parent ? flames[0].sprite.parent.name : null) : null, pairingMethod: 'name-indexed Wick_NN (authoritative) → nearest WEB_MeltGen_Candle body; FlameAnchor untouched but ignored', positionSource: 'per-frame world: X/Z from wick top-center, OR from candle-body center when wick offset > 0.20 of the body half-footprint; Y always = wick-tip height; then sprite.parent.worldToLocal', flickerModifies: { x:false, y:true, z:false, scale:true, opacity:false, rotation:false, emissive:false }, flickerNote: 'X/Z hard-locked (no lateral drift); only width/height scale + a ±0.0005 vertical bob vary (amplitudes unchanged)', depthFix: 'background flames use a dedicated cloned SpriteMaterial with depthTest:true, depthWrite:false so opaque geometry (CAP_RIGHT) occludes them; hero flame material untouched', offCenterThreshold: 0.20, caveRootScale: window._caveRoot ? window._caveRoot.scale.toArray() : null, pairs, unmatched }; console.log('BACKGROUND FLAMES ready ·', flames.length, '· wick-authoritative + depth-occluded · audit → window.kokuinFlameAlignmentAudit'); })(); // ═══ TEMPORARY — CANDLE FLAME ALIGNMENT DIAGNOSTIC (?flametest=1 ONLY). Nothing below runs when the flag is absent. ═══ if (FLAMETEST) { (function initFlameTest(){ const CS = window._caveScene; const ABF_SOLID = 0.1172, ABF_FAINT = 0.0391; // ★ measured visible alpha-bottom of the flame texture (solid body / faint glow), fraction up from sprite bottom edge // unified LIVE flame inventory: 2 hero (HeroFX sprite on TimeCandle root) + up to 25 background (wick-authoritative) const LIST = []; (window._candleFX||[]).forEach(cd=>LIST.push({ id:'hero:'+cd.name, kind:'hero', name:cd.name, sprite:cd.fx.flame, wick:cd.fx.wick, baseW:0.017, baseH:0.036, phase:(cd.flamePhase||0), offset:new THREE.Vector3() })); (window._backgroundCandleFlames||[]).forEach(f=>LIST.push({ id:'bg:'+f.wickName, kind:'bg', name:f.wickName, sprite:f.sprite, wick:f.wick, baseW:f.baseW, baseH:f.baseH, phase:(f.phase||0), offset:new THREE.Vector3() })); // shared state — the panel AND window.kokuinFlameTest read/write THIS object, never a second copy const S = { selected:'all', showAnchors:false, freeze:false, flickerTime:null, burn:null, isolate:null, visible:{}, wickIsolate:false, insp:{ on:false, zoom:1.0, panX:0, panY:0 } }; // ★ PHASE 5A.1 — CSS-only inspection navigator (display transform; no camera/scene/render change) LIST.forEach(e=>S.visible[e.id]=true); window._flameTest = { S, LIST }; // ── reusable anchor markers: created ONCE, never per-frame. Per flame: green wick-tip, blue flame-origin, magenta visible-base, white line ── const gTip=new THREE.SphereGeometry(0.0035,8,6), gOrg=new THREE.SphereGeometry(0.0028,8,6), gBase=new THREE.SphereGeometry(0.0035,8,6); const lineMat=new THREE.LineBasicMaterial({ color:0xffffff, depthTest:false, depthWrite:false, toneMapped:false }); LIST.forEach(e=>{ const M=(c,g)=>{ const m=new THREE.Mesh(g,new THREE.MeshBasicMaterial({color:c,depthTest:false,depthWrite:false,toneMapped:false})); m.renderOrder=1000; m.frustumCulled=false; m.visible=false; CS.add(m); return m; }; e.mTip=M(0x00ff00,gTip); e.mOrg=M(0x2266ff,gOrg); e.mBase=M(0xff00ff,gBase); const lg=new THREE.BufferGeometry(); lg.setAttribute('position',new THREE.BufferAttribute(new Float32Array(6),3)); e.mLine=new THREE.Line(lg,lineMat); e.mLine.renderOrder=1000; e.mLine.frustumCulled=false; e.mLine.visible=false; CS.add(e.mLine); }); const _b=new THREE.Box3(), _wp=new THREE.Vector3(), _ws=new THREE.Vector3(), _wq=new THREE.Quaternion(), _tip=new THREE.Vector3(), _base=new THREE.Vector3(); const wickTip=(e,out)=>{ e.wick.updateWorldMatrix(true,false); _b.setFromObject(e.wick); out.set((_b.min.x+_b.max.x)*0.5,_b.max.y,(_b.min.z+_b.max.z)*0.5); return out; }; // ── per-frame hook: offsets → flicker replay → visibility/isolate → markers. Runs LAST, AFTER the authored updates. ── window._updateFlameTest = function(){ // 1) per-flame LOCAL offset (non-cumulative: the authored update re-set base position THIS frame; we add on top) for(const e of LIST){ const o=e.offset; if(o.x||o.y||o.z){ e.sprite.position.x+=o.x; e.sprite.position.y+=o.y; e.sprite.position.z+=o.z; } } // 2) deterministic flicker replay when frozen + scrubbed (bottom stays anchored; only height/width scale + tiny bob) if(S.freeze && S.flickerTime!=null){ const t=S.flickerTime; for(const e of LIST){ const ph=e.phase; const mix=Math.sin(t*7.3+ph)*0.55+Math.sin(t*11.1+ph*1.37)*0.30+Math.sin(t*3.9+ph*0.73)*0.15; const mix2=Math.sin(t*5.2+ph*2.1)*0.6+Math.sin(t*9.7+ph)*0.4; const h=e.baseH*(1+mix*0.08), w=e.baseW*(1+mix2*0.04); const bottom=e.sprite.position.y - e.baseH*0.5; // authored bottom this frame (bottom-anchored) e.sprite.scale.set(w,h,1); e.sprite.position.y=bottom + h*0.5; // re-anchor bottom, apply scrubbed height } } // 3) visibility + isolate for(const e of LIST){ e.sprite.visible = (S.visible[e.id]!==false) && (S.isolate==null || S.isolate===e.id); } // 4) anchor markers (only for the selected set, only when showAnchors) const on=S.showAnchors; for(const e of LIST){ const shown = on && (S.selected==='all' || S.selected===e.id) && (S.isolate==null || S.isolate===e.id); e.mTip.visible=e.mOrg.visible=e.mBase.visible=e.mLine.visible=shown; if(!shown) continue; wickTip(e,_tip); e.sprite.updateWorldMatrix(true,false); e.sprite.matrixWorld.decompose(_wp,_wq,_ws); _base.set(_wp.x, _wp.y - _ws.y*0.5 + ABF_SOLID*_ws.y, _wp.z); e.mTip.position.copy(_tip); e.mOrg.position.copy(_wp); e.mBase.position.copy(_base); const pa=e.mLine.geometry.attributes.position; pa.array[0]=_tip.x;pa.array[1]=_tip.y;pa.array[2]=_tip.z; pa.array[3]=_base.x;pa.array[4]=_base.y;pa.array[5]=_base.z; pa.needsUpdate=true; } }; // ── measurement helper (world gaps; screen deltas computed by caller) ── const measure=(e)=>{ wickTip(e,_tip); e.sprite.updateWorldMatrix(true,false); e.sprite.matrixWorld.decompose(_wp,_wq,_ws); const spBottom=_wp.y-_ws.y*0.5; const vSolid=spBottom+ABF_SOLID*_ws.y, vFaint=spBottom+ABF_FAINT*_ws.y; return { id:e.id, kind:e.kind, wickTip:_tip.toArray().map(v=>+v.toFixed(4)), flameOrigin:_wp.toArray().map(v=>+v.toFixed(4)), visBaseSolid:[+_wp.x.toFixed(4),+vSolid.toFixed(4),+_wp.z.toFixed(4)], scaleY:+_ws.y.toFixed(4), gapVertical_tipToSolidBase:+(vSolid-_tip.y).toFixed(4), gapVertical_tipToFaintBase:+(vFaint-_tip.y).toFixed(4), horiz_dx:+(_wp.x-_tip.x).toFixed(4), horiz_dz:+(_wp.z-_tip.z).toFixed(4), offset:e.offset.toArray().map(v=>+v.toFixed(4)) }; }; const find=(k)=>{ if(k==null||k==='all') return null; if(typeof k==='number') return LIST[k]||null; return LIST.find(e=>e.id===k||e.name===k)||null; }; // ── console API (shares S/LIST with the panel) ── window.kokuinFlameTest = { info:()=>({ flametest:true, heroFlames:LIST.filter(e=>e.kind==='hero').length, backgroundFlames:LIST.filter(e=>e.kind==='bg').length, staticBackgroundFlameCount:25, staticCanonicalYOffset:STATIC_FLAME_Y_OFFSET_CANON, staticAnchorMode:'shared approved Y offset', heroFlameCount:2, heroAnchorMode:'dynamic burn-line — unchanged', waxAnchorImplemented:false, perVariantOffsetsImplemented:false, flameType:'THREE.Sprite (billboard, center-anchored)', sharedTexture:true, textureAlphaBottom:{solid:ABF_SOLID, faint:ABF_FAINT}, anchorFormula:'static: wickTipLocal + spriteHeight/2 + candleFlameHeightOffset + bob + '+STATIC_FLAME_Y_OFFSET_CANON+' (canonical); hero: _updateCandleFX burn-line', burnOverrideVar:'window.candleBurnOverride (hero only; background wicks are static)', selected:S.selected, note:'flametest per-flame offset is RELATIVE, added on top of the canonical static -0.0165, in LOCAL space after the authored update; markers/offsets absent without ?flametest=1' }), list:()=>LIST.map((e,i)=>({ index:i, id:e.id, kind:e.kind, name:e.name, visible:S.visible[e.id]!==false })), // ★ PHASE 5C hero-marking diagnostic: per hero candle report burn level, visible wax-top, marking cutoff, and any // STILL-VISIBLE decorative mesh whose geometry sits above the cutoff (should be 0 after the fix). Read-only. heroMarks:()=>{ const T=window.__T||THREE; const box=new T.Box3(); const out=[]; for(const cd of (window._candles||[])){ const burnLine=cd.plane.constant; const bad=[]; cd.root.traverse(o=>{ if(o!==cd.root && o.isMesh && o.visible && o.material){ box.setFromObject(o); const clipped=(Array.isArray(o.material)?o.material:[o.material]).some(m=>m&&m.clippingPlanes&&m.clippingPlanes.length); if(box.max.y>burnLine+0.0005 && !clipped) bad.push(o.name||'(unnamed)'); } }); out.push({ candle:cd.name, physicalBurn:+(window._candlePhysicalBurn||0).toFixed(4), waxTopY:+cd.fullTop.toFixed(4), markingCutoffY:+burnLine.toFixed(4), cleanupActive:true, uncutMarkingsAboveCutoff:bad }); } return out; }, inspect:(k)=>{ const e=find(k); if(e) return measure(e); return LIST.map(measure); }, select:(k)=>{ const e=find(k); S.selected=(k==null||k==='all')?'all':(e?e.id:'all'); if(window._flameUI)window._flameUI.sync(); return S.selected; }, setOffset:(k,x,y,z)=>{ if(k==='all'){ LIST.forEach(e=>e.offset.set(+x||0,+y||0,+z||0)); } else { const e=find(k); if(e)e.offset.set(+x||0,+y||0,+z||0); } if(window._flameUI)window._flameUI.sync(); return true; }, freezeFlicker:(b)=>{ S.freeze=!!b; window.candleFlameFlickerEnabled=!b; window.backgroundCandleFlickerEnabled=!b; if(!b)S.flickerTime=null; if(window._flameUI)window._flameUI.sync(); return S.freeze; }, setFlickerTime:(t)=>{ S.flickerTime=(t==null?null:+t); if(t!=null&&!S.freeze) window.kokuinFlameTest.freezeFlicker(true); if(window._flameUI)window._flameUI.sync(); return S.flickerTime; }, setBurnLevel:(v)=>{ S.burn=(v==null?null:Math.max(0,Math.min(0.999,+v))); window.candleBurnOverride=S.burn; if(window._flameUI)window._flameUI.sync(); return S.burn; }, showAnchors:(b)=>{ S.showAnchors=!!b; if(window._flameUI)window._flameUI.sync(); return S.showAnchors; }, isolate:(k)=>{ const e=find(k); S.isolate=(k==null)?null:(e?e.id:null); if(window._flameUI)window._flameUI.sync(); return S.isolate; }, reset:()=>{ LIST.forEach(e=>{ e.offset.set(0,0,0); S.visible[e.id]=true; }); S.selected='all'; S.isolate=null; S.showAnchors=false; S.wickIsolate=false; S.freeze=false; S.flickerTime=null; window.candleFlameFlickerEnabled=true; window.backgroundCandleFlickerEnabled=true; S.burn=null; window.candleBurnOverride=null; window.kokuinFlameTest.resetInspection(); // ★ also clear inspection zoom/pan + CSS transform if(window._flameUI){ window._flameUI.sync(); window._flameUI.expand(); } console.log('FLAMETEST · reset → all flames visible, offsets 0, flicker live, burn released, anchors off, inspection off'); return window.kokuinFlameTest.info(); } }; // ═══ PHASE 5A.1 — INSPECTION NAVIGATOR (CSS display transform on the renderer canvas ONLY). ═══ // Zoom/pan are a `transform: translate(px,py) scale(z)` on renderer.domElement with transform-origin 50% 50%. // Pan values are CSS pixels in SCREEN space (applied AFTER scale, so they do not multiply by zoom). It touches // NO Three.js camera, projection, viewport, scissor, caveRoot, scene/flame/candle transform, or localStorage. // Diagnostic panels are position:fixed siblings — the canvas transform never affects them. (function initInspection(){ const CANVAS = window._renderer.domElement; const ZMIN=1.0, ZMAX=8.0, ZSTEP=0.25, PAN=20, PAN_FAST=80; let _bgPrevCanvas=null, _bgPrevParent=null, _parent=CANVAS.parentElement; const clampPan=()=>{ const W=CANVAS.clientWidth||CANVAS.offsetWidth||1280, H=CANVAS.clientHeight||CANVAS.offsetHeight||720; // ★ layout size (transform-INDEPENDENT) — using getBoundingClientRect would double the clamp at 2× etc. // at zoom z (origin-centred) the scaled canvas overhangs each edge by (z-1)/2·size; allow that + 0.2·size margin, never fully lost const mx=(S.insp.zoom-1)*0.5*W + 0.2*W, my=(S.insp.zoom-1)*0.5*H + 0.2*H; S.insp.panX=Math.max(-mx,Math.min(mx,S.insp.panX)); S.insp.panY=Math.max(-my,Math.min(my,S.insp.panY)); }; const apply=()=>{ const i=S.insp; if(i.on){ if(_bgPrevCanvas===null){ _bgPrevCanvas=CANVAS.style.background||''; _bgPrevParent=_parent?(_parent.style.background||''):''; CANVAS.style.background='#000'; if(_parent)_parent.style.background='#000'; } CANVAS.style.transformOrigin='50% 50%'; CANVAS.style.transform='translate('+i.panX.toFixed(2)+'px,'+i.panY.toFixed(2)+'px) scale('+i.zoom.toFixed(4)+')'; } else { CANVAS.style.transform=''; CANVAS.style.transformOrigin=''; if(_bgPrevCanvas!==null){ CANVAS.style.background=_bgPrevCanvas; if(_parent)_parent.style.background=_bgPrevParent; _bgPrevCanvas=null; _bgPrevParent=null; } } if(window._flameUI)window._flameUI.sync(); }; Object.assign(window.kokuinFlameTest, { setInspectionEnabled:(b)=>{ S.insp.on=!!b; if(!b){ /* keep zoom/pan values; just drop the transform */ } apply(); return S.insp.on; }, toggleInspection:()=>window.kokuinFlameTest.setInspectionEnabled(!S.insp.on), setInspectionZoom:(z)=>{ S.insp.zoom=Math.max(ZMIN,Math.min(ZMAX,+z||1)); clampPan(); if(S.insp.on)apply(); else if(window._flameUI)window._flameUI.sync(); return S.insp.zoom; }, zoomIn:()=>window.kokuinFlameTest.setInspectionZoom(S.insp.zoom+ZSTEP), zoomOut:()=>window.kokuinFlameTest.setInspectionZoom(S.insp.zoom-ZSTEP), panInspection:(dx,dy)=>{ S.insp.panX+=(+dx||0); S.insp.panY+=(+dy||0); clampPan(); if(S.insp.on)apply(); else if(window._flameUI)window._flameUI.sync(); return {panX:S.insp.panX,panY:S.insp.panY}; }, resetInspection:()=>{ S.insp.zoom=1.0; S.insp.panX=0; S.insp.panY=0; const wasOn=S.insp.on; S.insp.on=false; apply(); return {on:S.insp.on,zoom:1,panX:0,panY:0,wasOn}; }, getInspectionState:()=>({ on:S.insp.on, zoom:+S.insp.zoom.toFixed(4), panX:+S.insp.panX.toFixed(1), panY:+S.insp.panY.toFixed(1), zoomRange:[ZMIN,ZMAX], zoomStep:ZSTEP, panStep:PAN, panStepFast:PAN_FAST, transform:'translate(panX px, panY px) scale(zoom) · transform-origin 50% 50% · pan in screen px (post-scale)' }) }); window._flameInspectionApply=apply; // reused by capture harness; not per-frame // keyboard — only intercepts when NOT typing in a form field; prevents page scroll only for handled nav keys while inspecting const FORMTAGS={INPUT:1,SELECT:1,TEXTAREA:1,BUTTON:1}; window.addEventListener('keydown',(e)=>{ const t=e.target; if(t && (FORMTAGS[t.tagName]||t.isContentEditable)) return; // let inputs/sliders/selects/buttons keep normal keys const K=window.kokuinFlameTest; const k=e.key; if(k==='i'||k==='I'){ K.toggleInspection(); e.preventDefault(); return; } if(!S.insp.on) return; // below keys act only while inspection is ON let handled=true; const step=e.shiftKey?PAN_FAST:PAN; switch(k){ case ']': K.zoomIn(); break; case '[': K.zoomOut(); break; case 'ArrowRight': K.panInspection(+step,0); break; // arrow moves the IMAGE in that on-screen direction case 'ArrowLeft': K.panInspection(-step,0); break; case 'ArrowUp': K.panInspection(0,-step); break; // CSS translateY negative = image moves up case 'ArrowDown': K.panInspection(0,+step); break; case '0': S.insp.zoom=1.0; S.insp.panX=0; S.insp.panY=0; apply(); break; // reset zoom/pan, STAY in inspection case 'Escape': K.resetInspection(); break; // exit inspection + restore exact normal display default: handled=false; } if(handled) e.preventDefault(); // block page scroll ONLY for handled nav keys while inspecting }); })(); // ── minimal panel (top-right; slotted after smoke/ember/ripple/ash) ── (function buildPanel(){ const rightPx = 12 + (window.SMOKETEST?262:0) + (window.EMBERTEST?262:0) + (window.RIPPLETEST?262:0) + (window.ASHTEST?262:0); const P=document.createElement('div'); P.id='_flameTestPanel'; P.style.cssText='position:fixed;top:12px;right:'+rightPx+'px;z-index:99995;background:rgba(10,10,14,0.92);color:#e8dfd2;'+ 'font:11px/1.5 monospace;padding:10px 12px;border:1px solid #6a7a60;border-radius:4px;width:250px;max-height:88vh;overflow-y:auto;overflow-x:hidden;user-select:none;box-shadow:0 4px 18px rgba(0,0,0,0.6)'; const TAB=document.createElement('button'); TAB.id='_flameTestTab'; TAB.textContent='◆ FLAME TEST'; TAB.style.cssText='position:fixed;top:12px;right:'+rightPx+'px;z-index:99995;display:none;background:rgba(10,10,14,0.92);color:#9fd08a;'+ 'font:11px monospace;padding:6px 10px;border:1px solid #6a7a60;border-radius:4px;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,0.6)'; const setC=c=>{ P.style.display=c?'none':'block'; TAB.style.display=c?'block':'none'; }; TAB.onclick=()=>setC(false); document.body.append(TAB); const h=(t,s)=>{const d=document.createElement('div');d.textContent=t;d.style.cssText=s||'';P.append(d);return d;}; { const bar=document.createElement('div'); bar.style.cssText='display:flex;align-items:center;justify-content:space-between;gap:8px'; const ttl=document.createElement('div'); ttl.textContent='◆ FLAME TEST'; ttl.style.cssText='font-weight:bold;color:#9fd08a;letter-spacing:0.5px'; const cb=document.createElement('button'); cb.textContent='–'; cb.style.cssText='background:#26332a;color:#e8dfd2;border:1px solid #6a7a60;border-radius:3px;cursor:pointer;font:12px monospace;line-height:1;padding:1px 7px'; cb.onclick=()=>setC(true); bar.append(ttl,cb); P.append(bar); } h('TEMPORARY · ?flametest=1 · not persisted','color:#8c8073;margin-bottom:6px;font-size:10px'); h('CANDLE','color:#9fd08a;margin-top:4px'); const sel=document.createElement('select'); sel.style.cssText='width:100%;background:#161a16;color:#e8dfd2;border:1px solid #4a5a44;border-radius:3px;font:11px monospace;margin-bottom:4px'; const optAll=document.createElement('option'); optAll.value='all'; optAll.textContent='All ('+LIST.length+')'; sel.append(optAll); LIST.forEach(e=>{ const o=document.createElement('option'); o.value=e.id; o.textContent=e.id; sel.append(o); }); sel.onchange=()=>window.kokuinFlameTest.select(sel.value); P.append(sel); const chk=(lab,fn,init)=>{ const w=document.createElement('label'); w.style.cssText='display:block;cursor:pointer;padding:1px 0'; const c=document.createElement('input'); c.type='checkbox'; c.checked=!!init; c.onchange=()=>fn(c.checked); w.append(c,document.createTextNode(' '+lab)); P.append(w); return c; }; const visC=chk('flame visible (selected)',(b)=>{ const id=S.selected; if(id==='all')LIST.forEach(e=>S.visible[e.id]=b); else S.visible[id]=b; },true); const isoC=chk('isolate selected flame',(b)=>window.kokuinFlameTest.isolate(b?(S.selected==='all'?LIST[0].id:S.selected):null),false); const wIsoC=chk('isolate selected wick',(b)=>{ S.wickIsolate=b; const selE=find(S.selected); LIST.forEach(e=>{ if(e.wick) e.wick.visible = !b || (selE && e.id===selE.id); }); },false); h('CANONICAL static Y: '+STATIC_FLAME_Y_OFFSET_CANON+' (25 bg flames · hero excluded)','color:#e8dfd2;font-weight:bold;margin-top:8px;font-size:10px'); h('OFFSET (local, selected · RELATIVE on top of canonical)','color:#9fd08a;margin-top:4px'); const mkS=(lab,axis)=>{ const wrap=document.createElement('div'); wrap.style.cssText='margin:2px 0 3px'; const cap=document.createElement('div'); cap.style.cssText='color:#a89a86;font-size:10px'; const v=document.createElement('span'); v.textContent='0.000'; v.style.color='#e8dfd2'; cap.append(document.createTextNode(lab+' '),v); const s=document.createElement('input'); s.type='range'; s.min=-0.02; s.max=0.02; s.step=0.0005; s.value=0; s.style.cssText='width:100%;margin:0'; s.oninput=()=>{ const x=parseFloat(s.value); v.textContent=x.toFixed(4); const e=find(S.selected); if(S.selected==='all')LIST.forEach(en=>en.offset[axis]=x); else if(e)e.offset[axis]=x; }; wrap.append(cap,s); P.append(wrap); return {s,v}; }; const oX=mkS('X','x'), oY=mkS('Y','y'), oZ=mkS('Z','z'); h('FLICKER','color:#9fd08a;margin-top:8px'); const frzC=chk('freeze flicker',(b)=>window.kokuinFlameTest.freezeFlicker(b),false); const ftWrap=document.createElement('div'); ftWrap.style.cssText='margin:2px 0 3px'; const ftCap=document.createElement('div'); ftCap.style.cssText='color:#a89a86;font-size:10px'; const ftV=document.createElement('span'); ftV.textContent='live'; ftV.style.color='#e8dfd2'; ftCap.append(document.createTextNode('flicker t '),ftV); const ftS=document.createElement('input'); ftS.type='range'; ftS.min=0; ftS.max=6.283; ftS.step=0.02; ftS.value=0; ftS.disabled=true; ftS.style.cssText='width:100%;margin:0'; ftS.oninput=()=>{ const t=parseFloat(ftS.value); ftV.textContent=t.toFixed(2); window.kokuinFlameTest.setFlickerTime(t); }; ftWrap.append(ftCap,ftS); P.append(ftWrap); h('BURN LEVEL (hero, existing override)','color:#9fd08a;margin-top:8px'); const bWrap=document.createElement('div'); bWrap.style.cssText='margin:2px 0 3px'; const bCap=document.createElement('div'); bCap.style.cssText='color:#a89a86;font-size:10px'; const bV=document.createElement('span'); bV.textContent='released'; bV.style.color='#e8dfd2'; bCap.append(document.createTextNode('burn '),bV); const bS=document.createElement('input'); bS.type='range'; bS.min=0; bS.max=0.999; bS.step=0.001; bS.value=0; bS.style.cssText='width:100%;margin:0'; bS.oninput=()=>{ const v=parseFloat(bS.value); bV.textContent=v.toFixed(3); window.kokuinFlameTest.setBurnLevel(v); }; const bRel=document.createElement('button'); bRel.textContent='release burn'; bRel.style.cssText='margin-top:2px;width:100%;padding:3px;background:#26332a;color:#e8dfd2;border:1px solid #4a5a44;border-radius:3px;cursor:pointer;font:10px monospace'; bRel.onclick=()=>{ window.kokuinFlameTest.setBurnLevel(null); }; bWrap.append(bCap,bS); P.append(bWrap); P.append(bRel); const anchC=chk('show anchors (tip/origin/base/line)',(b)=>window.kokuinFlameTest.showAnchors(b),false); // ── PHASE 5A.1 inspection status (keyboard-driven; no sliders) ── h('INSPECTION (keyboard)','color:#9fd08a;margin-top:8px'); const inspStat=document.createElement('div'); inspStat.style.cssText='color:#e8dfd2;font-size:10px'; P.append(inspStat); const inspHint=document.createElement('div'); inspHint.style.cssText='color:#8c8073;font-size:9px;margin-top:1px'; inspHint.textContent='I toggle · [ ] zoom · arrows pan · shift=fast · 0 reset · Esc exit'; P.append(inspHint); const rb=document.createElement('button'); rb.textContent='RESET'; rb.style.cssText='margin-top:10px;width:100%;padding:5px;background:#26332a;color:#e8dfd2;border:1px solid #6a7a60;border-radius:3px;cursor:pointer;font:11px monospace'; rb.onclick=()=>window.kokuinFlameTest.reset(); P.append(rb); h('console: window.kokuinFlameTest','color:#6f6559;margin-top:6px;font-size:9px'); document.body.append(P); const sync=()=>{ sel.value=S.selected; const e=find(S.selected); visC.checked = (S.selected==='all') ? LIST.every(x=>S.visible[x.id]!==false) : (S.visible[S.selected]!==false); isoC.checked = S.isolate!=null; wIsoC.checked=S.wickIsolate; const ox=e?e.offset.x:(S.selected==='all'?0:0), oy=e?e.offset.y:0, oz=e?e.offset.z:0; oX.s.value=ox; oX.v.textContent=(+ox).toFixed(4); oY.s.value=oy; oY.v.textContent=(+oy).toFixed(4); oZ.s.value=oz; oZ.v.textContent=(+oz).toFixed(4); frzC.checked=S.freeze; ftS.disabled=!S.freeze; ftV.textContent=S.flickerTime==null?'live':(+S.flickerTime).toFixed(2); if(S.flickerTime!=null)ftS.value=S.flickerTime; bV.textContent=S.burn==null?'released':(+S.burn).toFixed(3); if(S.burn!=null)bS.value=S.burn; anchC.checked=S.showAnchors; const i=S.insp; inspStat.textContent='INSPECTION: '+(i.on?'ON':'OFF')+' · zoom '+i.zoom.toFixed(2)+'× · pan '+Math.round(i.panX)+','+Math.round(i.panY); inspStat.style.color=i.on?'#9fd08a':'#a89a86'; }; window._flameUI={ sync, expand:()=>setC(false) }; sync(); })(); console.log('FLAMETEST ACTIVE ·', LIST.length, 'flames (2 hero + '+(LIST.length-2)+' bg) · panel top-right · window.kokuinFlameTest'); })(); } if (window._initCaveLightTools) window._initCaveLightTools(); // cave-light spatial audit + art-direction panel (geometry now loaded; read-only, no visual change) if (window._buildIncenseSmoke) window._buildIncenseSmoke(); // ★ OPTIONAL incense-smoke experiment (burner geometry now loaded) // ═══════════════════════════════════════════════════════════════════════════════════════════════════ // FINAL BELL TREATMENT — approved 2026-07-19 after visible-browser AxCROSS review. // Five production changes only. Reference: EXPERIMENTS\FROZEN_BELL_FINAL_APPROVED_20260719_035641\ // 1 · bell accent SpotLight @ 50 4 · planar-normal repair, BellPanel_00-11 // 2 · BellPanel colour × 0.78 5 · right-side warm SpotLight @ 7.5 // 3 · BellPanel roughnessMap null, roughness 0.55 // Kanji_Gold, BellNum_*, the main Bell mesh/material, BELLSTAND, BellKanji_*, every bell and cave // transform, the eleven LOCKED cave lights, environment, exposure, tone mapping and all cameras are // untouched. No URL controls, no inspection tooling, no storage writes, no per-frame work. (function finalBellTreatment(){ if (window.__bellFinal) return; // duplicate guard const D = window.__bellFinal = { runCount: 1, status: 'INIT' }; // ---- exact 12 panels, validated by explicit name (no loose prefix matching) ---- const NAMES = ['BellPanel_00','BellPanel_01','BellPanel_02','BellPanel_03', 'BellPanel_04','BellPanel_05','BellPanel_06','BellPanel_07', 'BellPanel_08','BellPanel_09','BellPanel_10','BellPanel_11']; const panels = []; NAMES.forEach(n => { const m = gltf.scene.getObjectByName(n); if (m && m.isMesh) panels.push(m); }); D.panelCount = panels.length; D.panelNames = panels.map(o => o.name); if (panels.length !== 12) { console.error('FINAL BELL · expected exactly 12 BellPanel meshes, found ' + panels.length + ' — bell treatment ABORTED, scene left untouched.'); D.status = 'ABORTED_PANEL_COUNT'; return; } // ---- panel material: ONE shared bell-only clone; source material never mutated ---- const src = panels[0].material; D.originalColor = '#' + src.color.getHexString(); D.originalRoughness = src.roughness; D.originalMetalness = src.metalness; D.originalRoughnessMap = !!src.roughnessMap; const pm = src.clone(); pm.name = src.name; pm.color.copy(src.color).multiplyScalar(0.78); // #ffffff → #e5e5e5 pm.roughnessMap = null; // bypass packed ORM (forces effective ~0.176) pm.roughness = 0.55; pm.needsUpdate = true; // metalness / map / normalMap / metalnessMap / panels.forEach(o => o.material = pm); // emissive / opacity / depth / side all unchanged D.materialClones = 1; D.appliedColor = '#' + pm.color.getHexString(); D.appliedRoughness = pm.roughness; D.metalnessUnchanged = pm.metalness === src.metalness; D.roughnessMapBypassed = pm.roughnessMap === null; D.mapsRetained = { map: !!pm.map, normalMap: !!pm.normalMap, metalnessMap: !!pm.metalnessMap }; // ---- planar-normal repair: one geometry clone per panel; source geometry never mutated ---- let geoClones = 0, changed = 0, preserved = 0; const A = new THREE.Vector3(), B = new THREE.Vector3(), C = new THREE.Vector3(); const ab = new THREE.Vector3(), ac = new THREE.Vector3(), fn = new THREE.Vector3(), n = new THREE.Vector3(); panels.forEach(o => { const g = o.geometry.clone(); geoClones++; const pos = g.getAttribute('position'), idx = g.index; const tri = idx ? idx.count / 3 : pos.count / 3; const acc = new THREE.Vector3(); for (let t = 0; t < tri; t++) { const i0 = idx ? idx.getX(t*3) : t*3, i1 = idx ? idx.getX(t*3+1) : t*3+1, i2 = idx ? idx.getX(t*3+2) : t*3+2; A.fromBufferAttribute(pos, i0); B.fromBufferAttribute(pos, i1); C.fromBufferAttribute(pos, i2); ab.subVectors(B, A); ac.subVectors(C, A); acc.add(fn.crossVectors(ab, ac)); // |cross| = 2·area → area-weighted } const dom = acc.normalize(); const nrm = g.getAttribute('normal'); for (let i = 0; i < nrm.count; i++) { n.fromBufferAttribute(nrm, i); if (n.dot(dom) > 0.5) { nrm.setXYZ(i, dom.x, dom.y, dom.z); changed++; } // front face → unified else preserved++; // bevel/side preserved } nrm.needsUpdate = true; g.normalizeNormals(); o.geometry = g; // positions/indices/UVs/groups/bounds untouched }); D.geometryClones = geoClones; D.verticesChanged = changed; D.verticesPreserved = preserved; // ---- bell accent SpotLight — exact approved values ---- if (!window.__bellAccentLight) { const s = new THREE.SpotLight(0xffdca8, 7.15, 7.856, 0.6, 0.23, 3); // ★ FINAL RIG 2026-07-21 (L18 · color,int,dist,angle,penumbra,decay) s.name = 'BELL_ACCENT'; s.castShadow = false; s.position.set(8.733, 0, -1.502); const t = new THREE.Object3D(); t.name = 'BELL_ACCENT_TARGET'; t.position.set(9.6, -0.15, -0.85); caveScene.add(s); caveScene.add(t); s.target = t; window.__bellAccentLight = s; } // ---- right-side warm fill SpotLight — exact approved values ---- if (!window.__bellFillLight) { const f = new THREE.SpotLight(0xff9a55, 4, 1.4, 0.45, 1, 2); // ★ FINAL RIG 2026-07-21 (L19 · color,int,dist,angle,penumbra,decay) f.name = 'BELL_RIGHT_FILL'; f.castShadow = false; f.position.set(9.05, -0.01, 0.15); const ft = new THREE.Object3D(); ft.name = 'BELL_RIGHT_FILL_TARGET'; ft.position.set(9.15, -0.1, -0.515); caveScene.add(f); caveScene.add(ft); f.target = ft; window.__bellFillLight = f; } D.accentIntensity = window.__bellAccentLight.intensity; D.fillIntensity = window.__bellFillLight.intensity; D.status = 'APPLIED'; console.log('FINAL BELL · applied · panels=' + D.panelCount + ' · matClones=' + D.materialClones + ' · geoClones=' + D.geometryClones + ' · colour ' + D.originalColor + '→' + D.appliedColor + ' · roughness ' + D.originalRoughness + '→' + D.appliedRoughness + ' · accent=' + D.accentIntensity + ' · fill=' + D.fillIntensity); })(); // ★ BELL POSE — canonical center-pivot compensation (Michael-approved 2026-07-20). AxCROSS ONLY: the authoritative // view whose caveRoot is non-uniform (1.51,1.04,0.57); Desktop's caveRoot is ~identity (1,1.05,1) so the bell is // already true-proportioned there and is deliberately left untouched (no desktop regression). Applies, about the // Bell-subtree WORLD centre: TRUE PROPORTIONS (counter caveRoot to a uniform world scale, preserving height) + // world-Y turn -23.0° + uniform root scale 0.95 + world offset (0.00, -0.02, +0.04). Touches ONLY the Bell node // (its 12 BellPanel + 12 BellNum children follow rigidly); no reparenting; materials/geometry/finalBellTreatment // /lights/exposure/UVs/GLBs all unchanged. Chain: M_world = T(off)·T(c)·Ry(turn)·S(root)·S_true·T(-c)·M0, // Bell.matrix = parentWorldInv·M_world (matrixAutoUpdate off so it persists). if (IS_AXCROSS) (function bellPoseCanonical(){ const bell = gltf.scene.getObjectByName('Bell'); if (!bell) { console.error('BELL POSE: Bell not found — skipped.'); return; } const kids = bell.children.map(c=>c.name); if (kids.length!==24 || kids.filter(n=>/^BellPanel_/.test(n)).length!==12 || kids.filter(n=>/^BellNum_/.test(n)).length!==12) { console.error('BELL POSE: unexpected Bell subtree ('+kids.length+' children) — pose NOT applied, bell left canonical.'); return; } caveRoot.updateWorldMatrix(true,true); gltf.scene.updateMatrixWorld(true); const c = new THREE.Box3().setFromObject(bell).getCenter(new THREE.Vector3()); // assembly world centre = pivot const parentWorld = bell.parent.matrixWorld.clone(), parentWorldInv = parentWorld.clone().invert(); const worldOriginal = parentWorld.clone().multiply(bell.matrix); // Bell original matrixWorld const p = new THREE.Vector3(); caveRoot.matrixWorld.decompose(new THREE.Vector3(), new THREE.Quaternion(), p); const St = new THREE.Vector3(p.y/p.x, 1, p.y/p.z); // true-proportions counter ⇒ net world scale uniform = p.y (height preserved) const TURN = -23.0*Math.PI/180, ROOT = 0.95, OFF = new THREE.Vector3(0.00, -0.02, 0.04); const M4 = THREE.Matrix4; const W = new M4().makeTranslation(OFF.x,OFF.y,OFF.z) .multiply(new M4().makeTranslation(c.x,c.y,c.z)) .multiply(new M4().makeRotationY(TURN)) .multiply(new M4().makeScale(ROOT,ROOT,ROOT)) .multiply(new M4().makeScale(St.x,St.y,St.z)) .multiply(new M4().makeTranslation(-c.x,-c.y,-c.z)) .multiply(worldOriginal); bell.matrixAutoUpdate = false; bell.matrix.copy(new M4().multiplyMatrices(parentWorldInv, W)); bell.matrixWorldNeedsUpdate = true; console.log('BELL POSE canonical (AxCROSS): TRUE proportions + turn -23° + rootScale 0.95 + offset(0,-0.02,0.04) baked into the 25-object Bell subtree'); })(); _caveReady = true; _maybeBeginMotion(); // cave + smoke + flames + cave-lights critical-ready }, null, e => console.error('cave_optimized.glb error:', e)); loader.load(ASSET_BASE + 'cave_kanji.glb', (gltf) => { caveRoot.add(gltf.scene); console.log('cave kanji loaded'); }, null, e => console.error('cave_kanji.glb error:', e)); loader.load(ASSET_BASE + 'wall_kanji_v2_TEST.glb', (gltf) => { caveRoot.add(gltf.scene); // ★ TEMP TEST: moved right kanji (was wall_kanji.glb) let kept=0; gltf.scene.traverse(o => { if (o.isMesh) { if (/TimeCandle/i.test(o.name)) o.visible=false; else { kept++; o.material = new THREE.MeshBasicMaterial({ color:0x000000, side:THREE.DoubleSide }); // engraved black kanji if (o.name === 'Curve002' || o.name === 'Curve.002') { // ★ RIGHT wall kanji ONLY (TEST asset) — live X/Y/Z overrides (left = 'Curve', untouched) window._wallRightKanji = o; window._wallRightBase = o.position.clone(); // base (x,y,z) captured once; all setters are absolute-from-base window._wallRightScaleBase = o.scale.clone(); // base scale captured once; scale setters multiply this window._wallRightX0 = window._wallRightBase.x; // back-compat with the old name const _wr = () => window._wallRightKanji, B = () => window._wallRightBase, SB = () => window._wallRightScaleBase; window.setWallRightX = (dx) => { const m=_wr(); if(m){ m.position.x = B().x + dx; console.log('RIGHT kanji · dx(L/R)', dx, '→ x', m.position.x.toFixed(3)); } }; // − = LEFT, + = RIGHT window.setWallRightY = (dy) => { const m=_wr(); if(m){ m.position.y = B().y + dy; console.log('RIGHT kanji · dy(up/dn)', dy, '→ y', m.position.y.toFixed(3)); } }; // + = UP, − = DOWN window.setWallRightZ = (dz) => { const m=_wr(); if(m){ m.position.z = B().z + dz; console.log('RIGHT kanji · dz(depth)', dz, '→ z', m.position.z.toFixed(3)); } }; // + = toward camera window.setWallRight = (dx=0, dy=0, dz=0) => { window.setWallRightX(dx); window.setWallRightY(dy); window.setWallRightZ(dz); }; // all at once window.setWallRightScale = (s) => { const m=_wr(); if(m){ const b=SB(); m.scale.set(b.x*s, b.y*s, b.z*s); console.log('RIGHT kanji · scale ×', s, '→', m.scale.toArray().map(v=>+v.toFixed(3))); } }; // uniform (1 = original) window.setWallRightScaleXYZ = (sx=1, sy=1, sz=1) => { const m=_wr(); if(m){ const b=SB(); m.scale.set(b.x*sx, b.y*sy, b.z*sz); console.log('RIGHT kanji · scale', [sx,sy,sz], '→', m.scale.toArray().map(v=>+v.toFixed(3))); } }; // per-axis window.dumpWallRight = () => { const m=_wr(), b=B(), sb=SB(); const off=[m.position.x-b.x, m.position.y-b.y, m.position.z-b.z].map(v=>+v.toFixed(3)); const scl=[m.scale.x/sb.x, m.scale.y/sb.y, m.scale.z/sb.z].map(v=>+v.toFixed(4)); console.log('RIGHT kanji · pos', m.position.toArray().map(v=>+v.toFixed(3)), '· offset (dx,dy,dz)', off, '· scale ×(sx,sy,sz)', scl); return { off, scale: scl }; }; o.material = new THREE.MeshStandardMaterial({ color:0x1B1511, metalness:0, roughness:0.9, side:THREE.DoubleSide }); // ★ RIGHT kanji: warm near-black, lit (candle glow), opaque, no emissive/transparency window.setWallRight(-0.2, 0.085, 0); // ★ BAKED 2026-07-15 (from dumpWallRight; was setWallRightX -0.75) window.setWallRightScale(0.85); // ★ BAKED 2026-07-15 } } } }); console.log('WALL kanji (TEST) loaded · kanji meshes kept', kept, '· RIGHT-kanji live controls: setWallRightX(dx) −L/+R · setWallRightY(dy) +up · setWallRightZ(dz) · setWallRight(dx,dy,dz) · setWallRightScale(s) · setWallRightScaleXYZ(sx,sy,sz) · dumpWallRight() [BAKED: offset (-0.2,0.085,0) · scale 0.85 · warm near-black #1B1511]'); }, null, e => console.error('wall_kanji_v2_TEST.glb error:', e)); // ── DIVIDER (temporary) — its own root, SAME parent/transform context as caveRoot: a direct child of // caveScene at IDENTITY, so Blender meter coordinates align with the cave content. Adjust live from // the console via window.dividerRoot (.position / .rotation / .scale). Nothing else is touched. const dividerRoot = new THREE.Group(); caveRoot.add(dividerRoot); window.dividerRoot = dividerRoot; loader.load(ASSET_BASE + 'kokuin_divider_test.glb', (gltf) => { dividerRoot.add(gltf.scene); gltf.scene.updateMatrixWorld(true); const want = ['DIVIDER_SOIL', 'CAP_LEFT', 'CAP_RIGHT']; const found = {}; gltf.scene.traverse(o => { if (o.isMesh && want.indexOf(o.name) !== -1) found[o.name] = o; }); if (found['DIVIDER_SOIL']) found['DIVIDER_SOIL'].visible = true; // soil: always visible if (found['CAP_LEFT']) found['CAP_LEFT'].visible = IS_AXCROSS; // caps: AxCROSS-only if (found['CAP_RIGHT']) found['CAP_RIGHT'].visible = IS_AXCROSS; console.log('DIVIDER loaded ·', IS_AXCROSS ? 'AXCROSS (all three visible)' : 'DESKTOP (soil only)', '· detected meshes:', want.filter(n => found[n]).join(', ') || '(none)', '· adjust via window.dividerRoot'); // ── DESKTOP-ONLY DIVIDER_SOIL correction (BAKED 2026-07-15) ──────────────────────────────────── // Applied ONLY when IS_AXCROSS === false. Computed from the captured GLB base values (no drift). // In AxCROSS this block is skipped entirely — DIVIDER_SOIL keeps its untouched GLB position + scale. // Touches DIVIDER_SOIL only; end caps, caveRoot, cameras, materials, and localStorage are untouched. const dividerSoil = found['DIVIDER_SOIL'] || null; const dividerBaseY = dividerSoil ? dividerSoil.position.y : 0; // req2: original loaded local Y const dividerBaseScaleZ = dividerSoil ? dividerSoil.scale.z : 1; // req2: original loaded local depth scale if (!IS_AXCROSS && dividerSoil) { dividerSoil.position.y = dividerBaseY - 0.075; // req3: vertical offset -0.075 (approved desktop value) dividerSoil.scale.z = dividerBaseScaleZ * 0.15; // req3: local depth scale ×0.15 console.log('DESKTOP divider corrected · Y', dividerBaseY.toFixed(4), '→', dividerSoil.position.y.toFixed(4), '· scaleZ', dividerBaseScaleZ.toFixed(4), '→', dividerSoil.scale.z.toFixed(4)); } // ── DIAGNOSTIC (read-only) ── // World Box3 bounds/center/size dump → window.kokuinBounds. Re-callable as window.kokuinDumpBounds(). window.kokuinDumpBounds = function () { caveScene.updateMatrixWorld(true); const r = v => +v.toFixed(4); const B = obj => { if (!obj) return null; const bb = new THREE.Box3().setFromObject(obj); if (!isFinite(bb.min.x)) return null; const c = new THREE.Vector3(), s = new THREE.Vector3(); bb.getCenter(c); bb.getSize(s); return { min: bb.min.toArray().map(r), max: bb.max.toArray().map(r), center: c.toArray().map(r), size: s.toArray().map(r) }; }; const cr = window._caveRoot; const out = { caveRoot: B(cr), CAP_LEFT: B(found['CAP_LEFT']), CAP_RIGHT: B(found['CAP_RIGHT']), DIVIDER_SOIL: B(found['DIVIDER_SOIL']), caveRootTransform: cr ? { position: cr.position.toArray().map(r), scale: cr.scale.toArray().map(r) } : null, }; window.kokuinBounds = out; console.log('kokuinBounds', JSON.stringify(out, null, 2)); return out; }; // auto-run once caveRoot transform + cave GLB have settled (manual re-run available any time) setTimeout(() => window.kokuinDumpBounds(), 1000); }, null, e => console.error('kokuin_divider_test.glb error:', e)); // ═══ SUTRA CASE — canonical cave prop: loads on EVERY URL at the approved transform. Panel + API gated to ?sutratest=1. ═══ loader.load(ASSET_BASE + 'sutra_case_kokuin.glb', (gltf) => { const prop = gltf.scene; prop.name = 'SUTRA_CASE'; caveScene.add(prop); // direct child of the cave scene (world space) — NOT under caveRoot, so no 1.05 Y-stretch; lit by the existing cave environment only, no dedicated light const _apply = () => { prop.visible = _SUTRA.visible; prop.position.set(_SUTRA.x, _SUTRA.y, _SUTRA.z); prop.rotation.set(THREE.MathUtils.degToRad(_SUTRA.rx), THREE.MathUtils.degToRad(_SUTRA.ry), THREE.MathUtils.degToRad(_SUTRA.rz)); prop.scale.setScalar(_SUTRA.scale); }; window._sutraProp = prop; window._applySutra = _apply; _apply(); // ★ canonical approved placement applied on EVERY URL console.log('SUTRA CASE · loaded into caveScene · canonical placement', [_SUTRA.x,_SUTRA.y,_SUTRA.z], '· rot', [_SUTRA.rx,_SUTRA.ry,_SUTRA.rz], '· scale', _SUTRA.scale); if (SUTRATEST) { // ── placement panel + console API: diagnostic-only, added ONLY under ?sutratest=1 ── // console API (shares the _SUTRA state object with the panel) window.kokuinSutraTest = { info: () => ({ loaded:true, mesh:'SutraContainer', approxSize_m:'0.35×0.35×0.30', parent:'caveScene (world space)', dedicatedLight:false, canonical:true, note:'APPROVED canonical placement (loads on every URL); Reset restores it', state:{..._SUTRA} }), inspect: () => ({..._SUTRA, worldPos: prop.getWorldPosition(new THREE.Vector3()).toArray().map(v=>+v.toFixed(3)) }), set: (k,v) => { if(k in _SUTRA){ _SUTRA[k]=v; _apply(); if(window._sutraUI)window._sutraUI.sync(); } return {..._SUTRA}; }, setVisible: b => window.kokuinSutraTest.set('visible', !!b), reset: () => { Object.assign(_SUTRA, { visible:true, x:-6.65, y:-0.48, z:-0.70, rx:1, ry:22, rz:-3, scale:1.0 }); // ★ 6A.2 FINAL approved placement (Michael 2026-07-20) _apply(); if(window._sutraUI)window._sutraUI.sync(); console.log('SUTRATEST · reset → FINAL approved placement (-6.65, -0.48, -0.70 · rot 1/22/-3 · scale 1)'); return {..._SUTRA}; } }; // ── compact placement panel (top-right; slotted after smoke/ember/ripple/ash/flame) ── (function buildPanel(){ const rightPx = 12 + (window.SMOKETEST?262:0) + (window.EMBERTEST?262:0) + (window.RIPPLETEST?262:0) + (window.ASHTEST?262:0) + (window.FLAMETEST?262:0); const P=document.createElement('div'); P.id='_sutraTestPanel'; P.style.cssText='position:fixed;top:12px;right:'+rightPx+'px;z-index:99994;background:rgba(14,11,8,0.92);color:#e8dfd2;'+ 'font:11px/1.5 monospace;padding:10px 12px;border:1px solid #8a6a4a;border-radius:4px;width:250px;max-height:88vh;overflow-y:auto;overflow-x:hidden;user-select:none;box-shadow:0 4px 18px rgba(0,0,0,0.6)'; const TAB=document.createElement('button'); TAB.id='_sutraTestTab'; TAB.textContent='◆ SUTRA'; TAB.style.cssText='position:fixed;top:12px;right:'+rightPx+'px;z-index:99994;display:none;background:rgba(14,11,8,0.92);color:#d0a978;font:11px monospace;padding:6px 10px;border:1px solid #8a6a4a;border-radius:4px;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,0.6)'; const setC=c=>{ P.style.display=c?'none':'block'; TAB.style.display=c?'block':'none'; }; TAB.onclick=()=>setC(false); document.body.append(TAB); const h=(t,s)=>{const d=document.createElement('div');d.textContent=t;d.style.cssText=s||'';P.append(d);return d;}; { const bar=document.createElement('div'); bar.style.cssText='display:flex;align-items:center;justify-content:space-between;gap:8px'; const ttl=document.createElement('div'); ttl.textContent='◆ SUTRA CASE'; ttl.style.cssText='font-weight:bold;color:#d0a978;letter-spacing:0.5px'; const cb=document.createElement('button'); cb.textContent='–'; cb.style.cssText='background:#3a2e22;color:#e8dfd2;border:1px solid #8a6a4a;border-radius:3px;cursor:pointer;font:12px monospace;line-height:1;padding:1px 7px'; cb.onclick=()=>setC(true); bar.append(ttl,cb); P.append(bar); } h('TEMPORARY · ?sutratest=1 · not persisted · REVIEW placement','color:#8c8073;margin-bottom:6px;font-size:10px'); const visW=document.createElement('label'); visW.style.cssText='display:block;cursor:pointer;padding:1px 0'; const vis=document.createElement('input'); vis.type='checkbox'; vis.checked=_SUTRA.visible; vis.onchange=()=>window.kokuinSutraTest.set('visible',vis.checked); visW.append(vis,document.createTextNode(' visible')); P.append(visW); const mk=(lab,key,min,max,step)=>{ const wrap=document.createElement('div'); wrap.style.cssText='margin:2px 0 3px'; const cap=document.createElement('div'); cap.style.cssText='color:#a89a86;font-size:10px'; const v=document.createElement('span'); v.textContent=(+_SUTRA[key]).toFixed(step<0.1?2:0); v.style.color='#e8dfd2'; cap.append(document.createTextNode(lab+' '),v); const s=document.createElement('input'); s.type='range'; s.min=min; s.max=max; s.step=step; s.value=_SUTRA[key]; s.style.cssText='width:100%;margin:0'; s.oninput=()=>{ const x=parseFloat(s.value); v.textContent=x.toFixed(step<0.1?2:0); _SUTRA[key]=x; window._applySutra(); }; wrap.append(cap,s); P.append(wrap); return {s,v,step}; }; h('POSITION (m)','color:#d0a978;margin-top:6px'); const uiX=mk('X','x',-9.5,9.0,0.05), uiY=mk('Y','y',-1.0,1.5,0.02), uiZ=mk('Z','z',-3.3,1.0,0.05); // ── Phase 6A.2 DEPTH PRESETS — exact floor-referenced Y (measured floor surface at sutra XZ = -0.4556) ── h('DEPTH — floor Y = -0.456','color:#d0a978;margin-top:6px'); { const row=document.createElement('div'); row.style.cssText='display:flex;flex-wrap:wrap;gap:3px;margin-top:2px'; [['on floor',-0.456],['5cm',-0.506],['review 6.4cm',-0.520],['7cm',-0.526],['10cm',-0.556]].forEach(([lab,yv])=>{ const b=document.createElement('button'); b.textContent=lab+' ('+yv.toFixed(3)+')'; b.style.cssText='flex:1 1 auto;padding:3px 5px;background:#2a2016;color:#e8dfd2;border:1px solid #8a6a4a;border-radius:3px;cursor:pointer;font:10px monospace;white-space:nowrap'; b.onclick=()=>window.kokuinSutraTest.set('y',yv); row.append(b); }); P.append(row); } h('ROTATION (deg)','color:#d0a978;margin-top:6px'); const uiRX=mk('X','rx',-180,180,1), uiRY=mk('Y','ry',-180,180,1), uiRZ=mk('Z','rz',-180,180,1); h('SCALE (uniform)','color:#d0a978;margin-top:6px'); const uiS=mk('×','scale',0.3,2.5,0.05); const rb=document.createElement('button'); rb.textContent='RESET'; rb.style.cssText='margin-top:10px;width:100%;padding:5px;background:#3a2e22;color:#e8dfd2;border:1px solid #8a6a4a;border-radius:3px;cursor:pointer;font:11px monospace'; rb.onclick=()=>window.kokuinSutraTest.reset(); P.append(rb); h('console: window.kokuinSutraTest','color:#6f6559;margin-top:6px;font-size:9px'); document.body.append(P); const all={x:uiX,y:uiY,z:uiZ,rx:uiRX,ry:uiRY,rz:uiRZ,scale:uiS}; const sync=()=>{ vis.checked=_SUTRA.visible; for(const k in all){ const u=all[k]; u.s.value=_SUTRA[k]; u.v.textContent=(+_SUTRA[k]).toFixed(u.step<0.1?2:0); } }; window._sutraUI={ sync, expand:()=>setC(false) }; sync(); })(); console.log('SUTRATEST · placement panel + window.kokuinSutraTest active (?sutratest=1)'); } // ── end if (SUTRATEST): panel + API only; the vessel itself already loaded canonically above ── }, null, e => console.error('sutra_case_kokuin.glb error:', e)); // ── cave WALL camera stays in the cave scene (its former elliptical-vignette mask child was removed 2026-07-15) ── caveScene.add(caveCamera); function caveFlick(def, t){ const slow=Math.sin(t*def.f1+def.p1)*0.12, mid=Math.sin(t*def.f2+def.p2)*0.08; const dev = Math.max(0.78,Math.min(1.22,1+slow+mid)) - 1; // existing flicker deviation (freqs/phases/clamp UNCHANGED) const amt = (window.caveLightFlickerAmount==null?1:window.caveLightFlickerAmount); // 1 = identical to before · 0 = steady at base def.light.intensity = def.base * (1 + dev * amt); } const _caveClock = new THREE.Clock(); // ---- init: apply everything from (possibly restored) state ---- caveCamera.aspect = RENDER_W / (RENDER_H * 0.4); caveCamera.updateProjectionMatrix(); // cave camera LOCKED to 8950/432 syncInputs(); setCrop(state.crop); applyCam(); applyExposure(); applyCaveCam(); applyCaveBright(); applyCaveRoot(); applyDeskLock(); // ★ enforce the frozen DESKTOP-CROP cave cam + disable its sliders + show the LOCKED indicator if (IS_AXCROSS) applyViewMode('wall'); else applyViewMode('desktop'); // ★ 2026-07-16 CAVE HARD-LOCK: BOTH modes load their IMMUTABLE approved cave profile at init (WALL=RECOVERED_WALL_PROFILE, DESKTOP=LOCKED_DESKTOP_PROFILE) so localStorage cave drift never survives a reload // ═══ CAVE STATE HARD-LOCK helpers (2026-07-16) — immutable-source reset + diagnostic; no reload, no PO effect, no localStorage ═══ window.kokuinDumpCaveState = function(){ const R=v=>(v==null?null:+v.toFixed(4)), r=window._caveRoot, wall=(PREVIEW_MODE!=='crop'), cam=wall?caveCamera:caveCameraDesktop; const prof=(caveLightingMode==='wall')?RECOVERED_WALL_PROFILE:LOCKED_DESKTOP_PROFILE, d2=THREE.MathUtils.radToDeg; const rootMatches = R(r.position.x)===R(prof.caveRX)&&R(r.position.y)===R(prof.caveRY)&&R(r.position.z)===R(prof.caveRZ) && R(r.scale.x)===R(prof.caveRSX)&&R(r.scale.y)===R(prof.caveRSY)&&R(r.scale.z)===R(prof.caveRSZ) && R(d2(r.rotation.x))===R(prof.caveRRX)&&R(d2(r.rotation.y))===R(prof.caveRRY)&&R(d2(r.rotation.z))===R(prof.caveRRZ); const amb=window._caveAmbient; const out={ mode:caveLightingMode, currentViewMode, PREVIEW_MODE, caveRoot:{ position:[R(r.position.x),R(r.position.y),R(r.position.z)], rotationDeg:[R(d2(r.rotation.x)),R(d2(r.rotation.y)),R(d2(r.rotation.z))], scale:[R(r.scale.x),R(r.scale.y),R(r.scale.z)] }, activeCaveCamera:{ which:wall?'caveCamera (WALL)':'caveCameraDesktop (crop)', position:[R(cam.position.x),R(cam.position.y),R(cam.position.z)], fov:R(cam.fov), near:cam.near, far:cam.far, zoom:cam.zoom, lookAtTarget: wall?[R(state.caveTX),R(state.caveTY),0]:[R(state.caveDAX),R(state.caveDAY),-0.40] }, caveCamState: wall?{ caveX:state.caveX, caveY:state.caveY, caveZ:state.caveZ, caveFov:state.caveFov, caveTX:state.caveTX, caveTY:state.caveTY } :{ caveDX:state.caveDX, caveDY:state.caveDY, caveDZ:state.caveDZ, caveDAX:state.caveDAX, caveDAY:state.caveDAY, caveDFov:state.caveDFov }, approvedProfile: JSON.parse(JSON.stringify(prof)), caveRootMatchesApprovedProfile: rootMatches, ambient:{ color:'#'+amb.color.getHexString(), intensity:R(amb.intensity) }, flicker:R(window.caveLightFlickerAmount), lightsPreset: window._activeCavePresetName, deskLocked:(typeof deskLocked!=='undefined'?deskLocked:null) }; console.log('kokuinDumpCaveState', out); return out; }; window.kokuinResetCaveToApproved = function(){ applyViewMode(caveLightingMode==='wall'?'wall':'desktop'); // getWallProfile()/LOCKED_DESKTOP_PROFILE are now IMMUTABLE — no localStorage if(window.applyExactCaveLightingForCurrentMode) window.applyExactCaveLightingForCurrentMode(); // re-assert the frozen 11-light preset + ambient/flicker console.log('kokuinResetCaveToApproved · mode='+caveLightingMode+' · approved cave restored (no reload, PO untouched)'); return window.kokuinDumpCaveState(); }; // cave lighting was applied once at creation via applyExactCaveLightingForCurrentMode() — do NOT re-apply or reposition here $('btnBand').classList.toggle('on', state.band); $('btnRoom').classList.toggle('on', roomHidden); // reflect old-room-hidden default // ═══════════════════════════════════════════════════════════════════════════════════════════════════ // ═══ INCENSE SMOKE — OPTIONAL REVERSIBLE EXPERIMENT (2026-07-16) ═══ // Thin procedural ribbon wisp(s) rising from the incense burner. NormalBlending · no lights · no fog · no // post · depthWrite off. Anchored in caveScene WORLD space, TRACKS the burner's live world position each // frame (Incense_Kanji_Clean top-centre) so it follows in BOTH modes WITHOUT inheriting caveRoot's // non-uniform per-mode scale (WALL 2.1/1.5/0.25). Uniformly scaled by caveRoot.scale.y to stay proportional // to the cave's vertical stretch (no squash). Billboards to the active cave camera. Continuous upward flow // comes from scrolling shader noise (not moving puffs). ★ ONE-LINE DISABLE: set INCENSE_SMOKE_EXPERIMENT=false. // ═══════════════════════════════════════════════════════════════════════════════════════════════════ const INCENSE_SMOKE_EXPERIMENT = true; // ★ master switch — false = nothing builds, zero cost window.debugIncenseSmoke = INCENSE_SMOKE_EXPERIMENT; window._incenseSmoke = null; window.setIncenseSmokeEnabled = function(v){ const on=!!v; window.debugIncenseSmoke=on; if(window._incenseSmoke) window._incenseSmoke.group.visible=on; const b=document.getElementById('_smokeEnBtn'); if(b) b.classList.toggle('on',on); }; const _SMOKE_VERT = ` uniform float uTime,uLift,uVDrift,uHorizDrift,uDriftDir,uWidth,uCurl,uTurb,uPhase; varying vec2 vUv; float h11(float x){ return fract(sin(x*127.1+uPhase)*43758.5453); } // centreline of the trail as a function of progress t (0 = ember, 1 = tip): gentle rise then horizontal draft vec2 centerline(float t){ float ph=uTime*0.5+uPhase; float y = uLift*smoothstep(0.0,0.18,t) + uVDrift*t; // uLift = initial rise near source; uVDrift = signed continuing vertical slope (2026-07-21 smoke pass) float x = uDriftDir*uHorizDrift*smoothstep(0.08,1.0,t); // horizontal draft, grows toward the tip x += uCurl*( sin(t*5.0+ph)*0.6 + sin(t*11.0-ph*0.7)*0.3 ) + uCurl*uTurb*(h11(floor(t*7.0))-0.5)*0.7; // layered curl + noise wander (NOT one sine) y += uCurl*0.5*( sin(t*7.0-ph*0.8)*0.4 + sin(t*13.0+ph)*0.2 ); return vec2(x,y); } void main(){ vUv=uv; float t=uv.y; float wc=uv.x-0.5; vec2 c0=centerline(t); vec2 c1=centerline(min(t+0.02,1.0)); vec2 tang=normalize(c1-c0+vec2(1e-4,0.0)); vec2 perp=vec2(-tang.y,tang.x); // width perpendicular to the path → stays broad-side, no edge-on collapse float wprof=(0.4+1.2*t); vec2 pw=c0 + perp*wc*uWidth*wprof; float z=uCurl*0.4*sin(t*9.0+uTime*0.6+uPhase)*t; // slight tip wander in Z (secondary) gl_Position=projectionMatrix*modelViewMatrix*vec4(pw.x,pw.y,z,1.0); }`; const _SMOKE_FRAG = ` uniform float uTime,uOpacity,uRise,uTurb,uFade,uStart; uniform vec3 uColor; varying vec2 vUv; float hash(vec2 p){ return fract(sin(dot(p,vec2(41.3,289.1)))*43758.5453); } float vnoise(vec2 p){ vec2 i=floor(p),f=fract(p); f=f*f*(3.-2.*f); float a=hash(i),b=hash(i+vec2(1,0)),c=hash(i+vec2(0,1)),d=hash(i+vec2(1,1)); return mix(mix(a,b,f.x),mix(c,d,f.x),f.y); } float fbm(vec2 p){ float s=0.,a=.5; for(int i=0;i<3;i++){ s+=a*vnoise(p); p*=2.02; a*=.5; } return s; } void main(){ float h=vUv.y; vec2 np=vec2(vUv.x*2.0, vUv.y*3.0 - uTime*uRise); // scroll noise UP → continuous flow, no puffs float n=fbm(np*mix(1.0,2.4,clamp(uTurb*0.5,0.0,1.0))); float edge=smoothstep(0.5,0.12,abs(vUv.x-0.5)); // soft horizontal edge (no rectangular border) float fin=smoothstep(uStart,uStart+0.08,h); // fade in at the source (uStart delays a companion's visual onset) float fadeStart=clamp(uFade,0.0,0.999); // ★ SAFE (2026-07-19): uFade>=1.0 makes edge0>=edge1, which is // UNDEFINED in GLSL. At 1.05 it inverted the edges and forced // fout=0 over the whole strip ⇒ strand 2 was 100% discarded. float fout=1.0-smoothstep(fadeStart,1.0,h); // fade out before the top float a=edge*fin*fout*mix(0.3,1.0,n)*(1.0-0.35*h)*uOpacity; if(a<0.003) discard; gl_FragColor=vec4(uColor,a); #include #include }`; // r165 chunk names verified against three@0.165.0 source: // tonemapping_fragment → `gl_FragColor.rgb = toneMapping( gl_FragColor.rgb );` (rgb only ⇒ alpha untouched) // colorspace_fragment → `gl_FragColor = linearToOutputTexel( gl_FragColor );` (sRGBTransferOETF preserves value.a) // Both chunks are auto-prefixed for a ShaderMaterial (NOT RawShaderMaterial) when material.toneMapped===true, // which is the default and is left untouched. Exactly ONE conversion: uColor is sRGB→linear once at Color // construction, the shader works in linear, and the tail does linear→ACES→sRGB once. No manual gamma, no pow(1/2.2). // ★ PHASE 1C — the CORRECTED path is now CANONICAL: _SMOKE_FRAG itself carries the two chunks, so the ordinary // viewer.html URL renders tone-mapped + sRGB-encoded smoke. The LEGACY raw-output variant is derived from it by // REMOVING those two lines, and exists ONLY under ?smoketest=1 for A/B inspection. Derivation (never duplication) // keeps the noise/motion/alpha body byte-identical between the two variants. let _SMOKE_FRAG_LEGACY = null; if (SMOKETEST) { _SMOKE_FRAG_LEGACY = _SMOKE_FRAG.replace( /\n\s*#include \n\s*#include /, ''); if (_SMOKE_FRAG_LEGACY === _SMOKE_FRAG) { console.error('SMOKETEST: legacy-tail derivation FAILED — smoke tail changed shape. Legacy A/B disabled.'); _SMOKE_FRAG_LEGACY = null; } } function _applySmokeBase(BASE,wisps){ wisps.forEach(w=>{ const s=w.sc; w.u.uOpacity.value=s.opacity; // ★ ABSOLUTE (final rig 2026-07-21) — legacy #ctrls BASE sliders are now inert (superseded by ?smokeedit=1) w.u.uLift.value=s.lift; w.u.uVDrift.value=s.vdrift; w.u.uHorizDrift.value=Math.abs(s.hdrift); w.u.uDriftDir.value=(s.hdrift<0?-1:1); w.u.uWidth.value=s.width; w.u.uRise.value=s.speed; w.u.uCurl.value=s.curl; w.u.uTurb.value=s.turb; w.u.uFade.value=s.fade; }); if (SMOKETEST) _applySmokeTest(); // ★ the existing SMOKE sliders rewrite uOpacity from BASE — re-apply the test multipliers on top so they are not silently wiped } function _buildSmokeControls(BASE,wisps){ const C=document.getElementById('ctrls'); if(!C) return; const hd=document.createElement('div'); hd.className='hd'; hd.textContent='INCENSE SMOKE'; C.append(hd); { const row=document.createElement('div'); row.className='row'; const b=document.createElement('button'); b.id='_smokeEnBtn'; b.textContent='INCENSE SMOKE ENABLED'; b.classList.toggle('on',!!window.debugIncenseSmoke); b.onclick=()=>window.setIncenseSmokeEnabled(!window.debugIncenseSmoke); row.append(b); C.append(row); } const sl=(label,min,max,step,get,set)=>{ const wrap=document.createElement('div'); const cap=document.createElement('div');cap.className='cap';cap.textContent=label; const line=document.createElement('div');line.className='line'; const num=document.createElement('input');num.type='number';num.step=step;num.value=get(); const sld=document.createElement('input');sld.type='range';sld.min=min;sld.max=max;sld.step=step;sld.value=get(); const vv=document.createElement('span');vv.className='cap';vv.textContent=(+get()).toFixed(3); line.append(num,sld,vv);wrap.append(cap,line);C.append(wrap); const on=x=>{x=parseFloat(x);if(isNaN(x))return;num.value=x;sld.value=x;vv.textContent=x.toFixed(3);set(x);_applySmokeBase(BASE,wisps);}; num.addEventListener('input',e=>on(e.target.value)); sld.addEventListener('input',e=>on(e.target.value)); }; sl('SMOKE OPACITY',0,0.3,0.005,()=>BASE.opacity,x=>BASE.opacity=x); sl('SMOKE VERTICAL RISE',0.0,0.4,0.005,()=>BASE.vertRise,x=>BASE.vertRise=x); sl('SMOKE HORIZONTAL DRIFT',0.0,0.8,0.005,()=>BASE.horizDrift,x=>BASE.horizDrift=x); sl('SMOKE DRIFT DIRECTION',-1,1,0.05,()=>BASE.driftDir,x=>BASE.driftDir=x); sl('SMOKE WIDTH',0.005,0.2,0.005,()=>BASE.width,x=>BASE.width=x); sl('SMOKE RISE SPEED (flow)',0,1,0.01,()=>BASE.rise,x=>BASE.rise=x); sl('SMOKE CURL AMOUNT',0,0.3,0.005,()=>BASE.curl,x=>BASE.curl=x); sl('SMOKE TURBULENCE',0,2,0.05,()=>BASE.turb,x=>BASE.turb=x); sl('SMOKE FADE',0.1,1,0.01,()=>BASE.fade,x=>BASE.fade=x); } // ═══════════════════════════════════════════════════════════════════════════════════════════════════ // ★ TEMPORARY — SMOKE OUTPUT-CONVERSION A/B TEST (?smoketest=1 ONLY). Nothing below runs, allocates or // renders any DOM when SMOKETEST is false. No localStorage. No `state`. No save(). REMOVE after review. // ═══════════════════════════════════════════════════════════════════════════════════════════════════ const _SMOKE_TEST_TINT_DEFAULT = '#b8aea1'; // ★ the authored value, verbatim — Reset restores exactly this const _SMOKE_TEST = { corrected:true, masterVisible:true, masterOpacity:1.0, tint:_SMOKE_TEST_TINT_DEFAULT, strand:[{visible:true,opacity:1.0},{visible:true,opacity:1.0},{visible:true,opacity:1.0}], // ── PHASE 1B diagnostics ────────────────────────────────────────────────────────────────────── fadeOverride:[null,null,null], // null = authored uFade (BASE.fade × sc.fade). Number = temporary override. freeze:false, time:12.0 }; let _stUI = null; // DOM refs, built once let _stDiagTimer = null; // GLSL smoothstep reproduced EXACTLY, including the undefined-by-spec edge0>=edge1 case, so the panel can // explain WHY a strand is invisible rather than only showing that it is. function _ss(e0,e1,x){ const t=Math.min(1,Math.max(0,(x-e0)/(e1-e0))); return t*t*(3-2*t); } // Peak alpha envelope over the strip, ignoring noise/opacity — isolates the fin/fout geometry term. // MUST mirror the shader exactly, including the clamp(uFade,0.0,0.999) guard added in Phase 1C. function _smokeAlphaEnvelope(uStart,uFade){ const fadeStart=Math.min(0.999,Math.max(0,uFade)); let peak=0; for(let h=0;h<=1.0001;h+=0.02){ const v=_ss(uStart,uStart+0.08,h)*(1-_ss(fadeStart,1.0,h)); if(v>peak)peak=v; } return peak; } function _smokeWhyInvisible(w,i){ const T=_SMOKE_TEST, st=T.strand[i], u=w.u; if(!T.masterVisible) return 'master hidden'; if(!st.visible) return 'strand hidden'; if(T.masterOpacity*st.opacity===0) return 'opacity multiplier 0'; const env=_smokeAlphaEnvelope(u.uStart.value,u.uFade.value); if(env===0) return 'FRAGMENT DISCARD · fout=0 over the whole strip (uFade='+(+u.uFade.value.toFixed(3))+ ' · fadeStart='+Math.min(0.999,Math.max(0,u.uFade.value)).toFixed(3)+') — every fragment fails a<0.003'; if(u.uOpacity.value*env<0.003) return 'alpha below the 0.003 discard threshold'; return 'renders (peak alpha envelope '+env.toFixed(3)+')'; } // Applies visibility / opacity multipliers / tint via UNIFORMS + mesh.visible only. No recompile, no allocation. // NOTE: master visibility uses per-mesh .visible, NOT group.visible — _updateIncenseSmoke rewrites group.visible every frame. function _applySmokeTest(){ const S=window._incenseSmoke; if(!SMOKETEST||!S) return; S.wisps.forEach((w,i)=>{ const st=_SMOKE_TEST.strand[i]; if(!st) return; // A/B/C only — D/E (added 2026-07-21) are outside the smoketest A/B set and keep their built visibility w.mesh.visible = _SMOKE_TEST.masterVisible && st.visible; w.u.uOpacity.value = w.sc.opacity * _SMOKE_TEST.masterOpacity * st.opacity; // sc.opacity is now the ABSOLUTE authored value (final rig 2026-07-21) const fo=_SMOKE_TEST.fadeOverride[i]; w.u.uFade.value = (fo===null||fo===undefined) ? (S.BASE.fade*w.sc.fade) : fo; // null ⇒ exactly the authored value w.u.uColor.value.set(_SMOKE_TEST.tint); }); // ★ .set(hex) is the colour-management-aware path: sRGB display → linear working. NOT setRGB. _updateSmokeDiag(); } // ── TIME FREEZE ── overrides the SHARED motion epoch, so this freezes ALL time-driven motion (conveyor, flames, // cave flicker, water), not smoke alone. Diagnostic only; unfreeze restores the original function object. let _stShowTOrig = null; function _applySmokeTimeFreeze(){ if(!SMOKETEST) return; if(_SMOKE_TEST.freeze){ if(!_stShowTOrig) _stShowTOrig=window._showT; const t=_SMOKE_TEST.time; window._showT=()=>t; } else if(_stShowTOrig){ window._showT=_stShowTOrig; _stShowTOrig=null; } } // Read-only per-strand readout. Updated on control change + a 4 Hz timer — NEVER per animation frame, and it // reuses its DOM nodes (no per-tick allocation). ORIGIN diagnostic only: the projected point is the strand's // object origin, NOT the visible plume bounds — the vertex shader displaces geometry far from the origin. function _updateSmokeDiag(){ if(!SMOKETEST || !_stUI || !_stUI.diag) return; const S=window._incenseSmoke; if(!S) return; const R=window._renderer, cam=window._caveCamDesktop, cv=R.domElement; const CW=cv.width, CH=cv.height, VH=CH*0.4; const V3=S.group.position.constructor; S.wisps.forEach((w,i)=>{ const st=_SMOKE_TEST.strand[i]; if(!st) return; const u=w.u; const lp=w.mesh.position, wp=new V3(); w.mesh.getWorldPosition(wp); const p=wp.clone().project(cam); const sx=(p.x*0.5+0.5)*CW, sy=CH-(p.y*0.5+0.5)*VH; const inCanvas = sx>=0&&sx<=CW&&sy>=0&&sy<=CH; const inCave = sx>=0&&sx<=CW&&sy>=(CH-VH)&&sy<=CH&&p.z>-1&&p.z<1; const eff = w.sc.opacity*_SMOKE_TEST.masterOpacity*st.opacity; _stUI.diag[i].textContent = 'local '+[lp.x,lp.y,lp.z].map(v=>v.toFixed(2)).join(',')+ ' · world '+[wp.x,wp.y,wp.z].map(v=>v.toFixed(2)).join(',')+'\n'+ 'origin→screen '+sx.toFixed(0)+','+sy.toFixed(0)+' canvas:'+(inCanvas?'IN':'OUT')+' cave:'+(inCave?'IN':'OUT')+'\n'+ 'vis '+w.mesh.visible+' · culled '+w.mesh.frustumCulled+' · base '+(w.sc.opacity).toFixed(4)+' · eff '+eff.toFixed(4)+'\n'+ 'uFade '+(+u.uFade.value.toFixed(3))+(_SMOKE_TEST.fadeOverride[i]!==null?' (OVERRIDE)':' (authored)')+ ' · uStart '+(+u.uStart.value.toFixed(2))+' · uPhase '+(+u.uPhase.value.toFixed(2))+ ' · drift '+(+u.uHorizDrift.value.toFixed(3))+' · dir '+u.uDriftDir.value+'\n'+ '→ '+_smokeWhyInvisible(w,i); }); } // Switching the output path swaps material.fragmentShader ⇒ this DOES force a GPU recompile (needsUpdate). // Done only on toggle — never per frame. First toggle may show a one-frame hitch; that is expected and reported. function _setSmokeOutputPath(corrected){ const S=window._incenseSmoke; if(!SMOKETEST||!S) return; if(!_SMOKE_FRAG_LEGACY) corrected=true; // no legacy variant available ⇒ stay on the canonical corrected path _SMOKE_TEST.corrected=!!corrected; const frag=_SMOKE_TEST.corrected?_SMOKE_FRAG:_SMOKE_FRAG_LEGACY; let n=0; S.wisps.forEach(w=>{ const m=w.mesh.material; if(m.fragmentShader!==frag){ m.fragmentShader=frag; m.needsUpdate=true; n++; } }); if(n) console.log('SMOKETEST · output path →',_SMOKE_TEST.corrected?'CORRECTED (tonemapping_fragment + colorspace_fragment)':'LEGACY (raw gl_FragColor)','· recompiled',n,'material(s)'); } function _syncSmokeTestUI(){ if(!_stUI) return; const T=_SMOKE_TEST; _stUI.pathC.checked=T.corrected; _stUI.pathL.checked=!T.corrected; _stUI.mVis.checked=T.masterVisible; _stUI.mOp.value=T.masterOpacity; _stUI.mOpV.textContent=(+T.masterOpacity).toFixed(2); T.strand.forEach((st,i)=>{ _stUI.sVis[i].checked=st.visible; _stUI.sOp[i].value=st.opacity; _stUI.sOpV[i].textContent=(+st.opacity).toFixed(2); }); const S=window._incenseSmoke; if(S && _stUI.sFade) S.wisps.forEach((w,i)=>{ const fo=T.fadeOverride[i]; const v=(fo===null||fo===undefined)?(S.BASE.fade*w.sc.fade):fo; _stUI.sFade[i].value=v; _stUI.sFadeV[i].textContent=(+v).toFixed(3); }); if(_stUI.fz) _stUI.fz.checked=T.freeze; if(_stUI.ts){ _stUI.ts.value=T.time; _stUI.tval.textContent=(+T.time).toFixed(2); } _stUI.tint.value=T.tint; _stUI.tintHex.textContent=T.tint; _updateSmokeDiag(); } function _buildSmokeTestPanel(){ if(!SMOKETEST || _stUI) return; // ★ PHASE 1C — TOP-RIGHT. Was top-left, which covered the kanji incense burner in the desktop inspection view. // Fixed position (not draggable — the current implementation has no drag support and adding one is out of scope). const P=document.createElement('div'); P.id='_smokeTestPanel'; P.style.cssText='position:fixed;top:12px;right:12px;z-index:99999;background:rgba(14,12,10,0.92);color:#e8dfd2;'+ 'font:11px/1.5 monospace;padding:10px 12px;border:1px solid #6a5a44;border-radius:4px;width:250px;'+ 'max-height:88vh;overflow-y:auto;overflow-x:hidden;user-select:none;box-shadow:0 4px 18px rgba(0,0,0,0.6)'; // Collapsed tab — also top-right, so the burner stays clear in both states. Purely cosmetic: never touches smoke state. const TAB=document.createElement('button'); TAB.id='_smokeTestTab'; TAB.textContent='◆ SMOKE TEST'; TAB.style.cssText='position:fixed;top:12px;right:12px;z-index:99999;display:none;background:rgba(14,12,10,0.92);'+ 'color:#ffcf8a;font:11px monospace;padding:6px 10px;border:1px solid #6a5a44;border-radius:4px;cursor:pointer;'+ 'box-shadow:0 4px 18px rgba(0,0,0,0.6)'; const setCollapsed=(c)=>{ P.style.display=c?'none':'block'; TAB.style.display=c?'block':'none'; }; TAB.onclick=()=>setCollapsed(false); document.body.append(TAB); const h=(t,s)=>{const d=document.createElement('div');d.textContent=t;d.style.cssText=s||'';P.append(d);return d;}; { const bar=document.createElement('div'); bar.style.cssText='display:flex;align-items:center;justify-content:space-between;gap:8px'; const ttl=document.createElement('div'); ttl.textContent='◆ SMOKE TEST'; ttl.style.cssText='font-weight:bold;color:#ffcf8a;letter-spacing:0.5px'; const cb=document.createElement('button'); cb.textContent='–'; cb.title='Collapse'; cb.style.cssText='background:#3a3026;color:#e8dfd2;border:1px solid #6a5a44;border-radius:3px;cursor:pointer;'+ 'font:12px monospace;line-height:1;padding:1px 7px'; cb.onclick=()=>setCollapsed(true); // state-only; smoke uniforms/materials untouched bar.append(ttl,cb); P.append(bar); } h('TEMPORARY · ?smoketest=1 · not persisted','color:#8c8073;margin-bottom:8px;font-size:10px'); h('canonical output = CORRECTED','color:#8fb99a;margin-bottom:6px;font-size:9px'); // 1 · output path h('OUTPUT PATH','color:#ffcf8a;margin-top:6px'); const mkRadio=(lab,val)=>{const w=document.createElement('label');w.style.cssText='display:block;cursor:pointer;padding:1px 0'; const r=document.createElement('input');r.type='radio';r.name='_stPath';r.checked=(_SMOKE_TEST.corrected===val); r.onchange=()=>{ if(r.checked){ _setSmokeOutputPath(val); } }; w.append(r,document.createTextNode(' '+lab));P.append(w);return r;}; const pathC=mkRadio('Corrected (ACES + sRGB)',true); const pathL=mkRadio('Legacy (raw, bypasses both)',false); if(!_SMOKE_FRAG_LEGACY){ pathL.disabled=true; h('⚠ legacy variant unavailable — corrected only','color:#ff8a6a'); } // 2/3 · master h('MASTER','color:#ffcf8a;margin-top:8px'); const mkChk=(lab,init,fn)=>{const w=document.createElement('label');w.style.cssText='display:block;cursor:pointer;padding:1px 0'; const c=document.createElement('input');c.type='checkbox';c.checked=init;c.onchange=()=>{fn(c.checked);_applySmokeTest();}; w.append(c,document.createTextNode(' '+lab));P.append(w);return c;}; const mVis=mkChk('visible',true,v=>_SMOKE_TEST.masterVisible=v); const mkSlider=(lab,init,fn)=>{const wrap=document.createElement('div');wrap.style.cssText='margin:2px 0 4px'; const cap=document.createElement('div');cap.style.cssText='color:#a89a86;font-size:10px'; const val=document.createElement('span');val.textContent=(+init).toFixed(2);val.style.color='#e8dfd2'; cap.append(document.createTextNode(lab+' '),val); const s=document.createElement('input');s.type='range';s.min=0;s.max=2;s.step=0.01;s.value=init;s.style.cssText='width:100%;margin:0'; s.oninput=()=>{const x=parseFloat(s.value);val.textContent=x.toFixed(2);fn(x);_applySmokeTest();}; wrap.append(cap,s);P.append(wrap);return {s,val};}; const mo=mkSlider('opacity ×',1.0,x=>_SMOKE_TEST.masterOpacity=x); // 4/5/6 · per-strand const sVis=[],sOp=[],sOpV=[],sFade=[],sFadeV=[],diag=[]; const LBL=['1 · MAIN (100%)','2 · companion (60%)','3 · companion (35%)']; const S0=window._incenseSmoke; _SMOKE_TEST.strand.forEach((st,i)=>{ h('STRAND '+LBL[i],'color:#ffcf8a;margin-top:8px'); sVis.push(mkChk('visible',true,v=>_SMOKE_TEST.strand[i].visible=v)); const o=mkSlider('opacity ×',1.0,x=>_SMOKE_TEST.strand[i].opacity=x); sOp.push(o.s); sOpV.push(o.val); // ── uFade diagnostic override. Authored = BASE.fade × sc.fade. >1.0 inverts smoothstep(uFade,1.0,h) ⇒ full discard. const authored=S0?+(S0.BASE.fade*S0.wisps[i].sc.fade).toFixed(3):1; const fw=document.createElement('div'); fw.style.cssText='margin:2px 0 4px'; const fcap=document.createElement('div'); fcap.style.cssText='color:#a89a86;font-size:10px'; const fval=document.createElement('span'); fval.textContent=authored.toFixed(3); fval.style.color='#e8dfd2'; fcap.append(document.createTextNode('uFade (authored '+authored.toFixed(2)+') '),fval); const fs=document.createElement('input'); fs.type='range'; fs.min=0.3; fs.max=1.2; fs.step=0.005; fs.value=authored; fs.style.cssText='width:100%;margin:0'; fs.oninput=()=>{ const x=parseFloat(fs.value); fval.textContent=x.toFixed(3); _SMOKE_TEST.fadeOverride[i]=(Math.abs(x-authored)<1e-6)?null:x; _applySmokeTest(); }; fw.append(fcap,fs); P.append(fw); sFade.push(fs); sFadeV.push(fval); const dv=document.createElement('div'); dv.style.cssText='white-space:pre-wrap;font-size:9px;line-height:1.35;color:#8fb99a;background:rgba(0,0,0,0.35);'+ 'padding:4px 5px;border-left:2px solid #4a6a52;margin:2px 0 0'; P.append(dv); diag.push(dv); }); // ── TIME (freeze + scrub) ── h('TIME (freezes ALL motion)','color:#ffcf8a;margin-top:8px'); const fz=mkChk('freeze',false,v=>{_SMOKE_TEST.freeze=v;_applySmokeTimeFreeze();}); const tw2=document.createElement('div'); tw2.style.cssText='margin:2px 0 4px'; const tcap=document.createElement('div'); tcap.style.cssText='color:#a89a86;font-size:10px'; const tval=document.createElement('span'); tval.textContent=(+_SMOKE_TEST.time).toFixed(2); tval.style.color='#e8dfd2'; tcap.append(document.createTextNode('t = '),tval); const ts=document.createElement('input'); ts.type='range'; ts.min=0; ts.max=30; ts.step=0.25; ts.value=_SMOKE_TEST.time; ts.style.cssText='width:100%;margin:0'; ts.oninput=()=>{ const x=parseFloat(ts.value); tval.textContent=x.toFixed(2); _SMOKE_TEST.time=x; _applySmokeTimeFreeze(); }; tw2.append(tcap,ts); P.append(tw2); // 7 · master tint h('MASTER TINT','color:#ffcf8a;margin-top:8px'); const tw=document.createElement('div');tw.style.cssText='display:flex;align-items:center;gap:8px;margin:2px 0'; const tint=document.createElement('input');tint.type='color';tint.value=_SMOKE_TEST_TINT_DEFAULT;tint.style.cssText='width:44px;height:22px;padding:0;border:1px solid #6a5a44;background:none;cursor:pointer'; const tintHex=document.createElement('span');tintHex.textContent=_SMOKE_TEST_TINT_DEFAULT;tintHex.style.color='#a89a86'; tint.oninput=()=>{_SMOKE_TEST.tint=tint.value;tintHex.textContent=tint.value;_applySmokeTest();}; tw.append(tint,tintHex);P.append(tw); h('picker value read as sRGB → Color.set()','color:#6f6559;font-size:9px'); // 8 · reset const rb=document.createElement('button');rb.textContent='RESET'; rb.style.cssText='margin-top:10px;width:100%;padding:5px;background:#3a3026;color:#e8dfd2;border:1px solid #6a5a44;border-radius:3px;cursor:pointer;font:11px monospace'; rb.onclick=()=>window.kokuinSmokeTest.reset(); P.append(rb); h('console: window.kokuinSmokeTest','color:#6f6559;margin-top:6px;font-size:9px'); document.body.append(P); _stUI={pathC,pathL,mVis,mOp:mo.s,mOpV:mo.val,sVis,sOp,sOpV,sFade,sFadeV,diag,fz,ts,tval,tint,tintHex,setCollapsed}; setCollapsed(false); // default = expanded _updateSmokeDiag(); if(_stDiagTimer) clearInterval(_stDiagTimer); _stDiagTimer=setInterval(_updateSmokeDiag,250); // 4 Hz, reuses DOM nodes — never per animation frame } // Console API — backed by the SAME _SMOKE_TEST object and the SAME apply/sync functions (one control system). if (SMOKETEST) window.kokuinSmokeTest = { state: ()=>JSON.parse(JSON.stringify(_SMOKE_TEST)), path: c=>{ _setSmokeOutputPath(c); _syncSmokeTestUI(); return _SMOKE_TEST.corrected?'corrected':'legacy'; }, master:(visible,opacity)=>{ if(visible!==undefined)_SMOKE_TEST.masterVisible=!!visible; if(typeof opacity==='number')_SMOKE_TEST.masterOpacity=Math.max(0,Math.min(2,opacity)); _applySmokeTest(); _syncSmokeTestUI(); return window.kokuinSmokeTest.state(); }, strand:(i,visible,opacity)=>{ const st=_SMOKE_TEST.strand[i]; if(!st){console.warn('strand index 0-2');return;} if(visible!==undefined)st.visible=!!visible; if(typeof opacity==='number')st.opacity=Math.max(0,Math.min(2,opacity)); _applySmokeTest(); _syncSmokeTestUI(); return window.kokuinSmokeTest.state(); }, tint: hex=>{ if(typeof hex==='string'){_SMOKE_TEST.tint=hex;_applySmokeTest();_syncSmokeTestUI();} return _SMOKE_TEST.tint; }, reset: ()=>{ _SMOKE_TEST.masterVisible=true; _SMOKE_TEST.masterOpacity=1.0; _SMOKE_TEST.tint=_SMOKE_TEST_TINT_DEFAULT; _SMOKE_TEST.strand.forEach(st=>{st.visible=true;st.opacity=1.0;}); _SMOKE_TEST.fadeOverride=[null,null,null]; // ⇒ uFade returns to authored BASE.fade × sc.fade _SMOKE_TEST.freeze=false; _SMOKE_TEST.time=12.0; _applySmokeTimeFreeze(); _setSmokeOutputPath(true); _applySmokeTest(); _syncSmokeTestUI(); if(_stUI&&_stUI.setCollapsed) _stUI.setCollapsed(false); // panel back to expanded console.log('SMOKETEST · reset → corrected, 3 strands visible, all ×1.00, authored uFade, unfrozen, tint',_SMOKE_TEST_TINT_DEFAULT); return window.kokuinSmokeTest.state(); }, // ── PHASE 1B ── // isolate(i) shows ONLY strand i. isolate() / null / -1 ⇒ show ALL (the "un-isolate" case). isolate: i=>{ const all=(i===null||i===undefined||i<0); _SMOKE_TEST.strand.forEach((st,k)=>st.visible=all?true:(k===i)); _applySmokeTest(); _syncSmokeTestUI(); return window.kokuinSmokeTest.state(); }, setFade: (i,v)=>{ if(!_SMOKE_TEST.strand[i]){console.warn('strand index 0-2');return;} _SMOKE_TEST.fadeOverride[i]=(v===null||v===undefined)?null:v; _applySmokeTest(); _syncSmokeTestUI(); return window._incenseSmoke.wisps[i].u.uFade.value; }, freezeTime: b=>{ _SMOKE_TEST.freeze=!!b; _applySmokeTimeFreeze(); _syncSmokeTestUI(); return _SMOKE_TEST.freeze; }, setTime: t=>{ _SMOKE_TEST.time=+t; if(_SMOKE_TEST.freeze) _applySmokeTimeFreeze(); _syncSmokeTestUI(); return _SMOKE_TEST.time; }, inspect: ()=>{ const S=window._incenseSmoke; if(!S) return null; const R=window._renderer, cam=window._caveCamDesktop, cv=R.domElement, CW=cv.width, CH=cv.height, VH=CH*0.4; const V3=S.group.position.constructor; return S.wisps.map((w,i)=>{ const g=w.mesh.geometry; g.computeBoundingBox(); const bb=g.boundingBox, wp=new V3(); w.mesh.getWorldPosition(wp); const p=wp.clone().project(cam), sx=(p.x*0.5+0.5)*CW, sy=CH-(p.y*0.5+0.5)*VH; const par=[]; let o=w.mesh; while(o){ par.push(o.name||o.type); o=o.parent; } return { index:i, uuid:w.mesh.uuid.slice(0,8), parents:par.join(' < '), geomBoundsCPU:{min:bb.min.toArray().map(v=>+v.toFixed(3)),max:bb.max.toArray().map(v=>+v.toFixed(3)), NOTE:'CPU bounds are the UNDISPLACED plane — the vertex shader moves geometry far outside this'}, local:w.mesh.position.toArray().map(v=>+v.toFixed(4)), rotation:[w.mesh.rotation.x,w.mesh.rotation.y,w.mesh.rotation.z].map(v=>+v.toFixed(4)), scale:w.mesh.scale.toArray().map(v=>+v.toFixed(4)), world:wp.toArray().map(v=>+v.toFixed(4)), originScreen:{x:+sx.toFixed(1),y:+sy.toFixed(1),inCanvas:(sx>=0&&sx<=CW&&sy>=0&&sy<=CH), inCaveViewport:(sx>=0&&sx<=CW&&sy>=(CH-VH)&&sy<=CH&&p.z>-1&&p.z<1), NOTE:'ORIGIN diagnostic only — not the visible plume bounds'}, visible:w.mesh.visible, frustumCulled:w.mesh.frustumCulled, renderOrder:w.mesh.renderOrder, depthTest:w.mesh.material.depthTest, depthWrite:w.mesh.material.depthWrite, uniforms:{ uTime:+w.u.uTime.value.toFixed(3), uPhase:w.u.uPhase.value, uStart:w.u.uStart.value, uFade:w.u.uFade.value, uHorizDrift:+w.u.uHorizDrift.value.toFixed(4), uDriftDir:w.u.uDriftDir.value, uLift:+w.u.uLift.value.toFixed(4), uVDrift:+w.u.uVDrift.value.toFixed(4), uWidth:+w.u.uWidth.value.toFixed(4), uOpacity:+w.u.uOpacity.value.toFixed(5) }, authoredFade:+(S.BASE.fade*w.sc.fade).toFixed(3), fadeOverride:_SMOKE_TEST.fadeOverride[i], peakAlphaEnvelope:+_smokeAlphaEnvelope(w.u.uStart.value,w.u.uFade.value).toFixed(5), diagnosis:_smokeWhyInvisible(w,i) }; }); }, info: ()=>({ canonicalPath:'CORRECTED (tonemapping_fragment + colorspace_fragment) — active on the ordinary URL', legacyVariantAvailable:!!_SMOKE_FRAG_LEGACY, toneMapping:window._renderer.toneMapping, toneMappingExposure:window._renderer.toneMappingExposure, outputColorSpace:window._renderer.outputColorSpace, materialsShared:'3 independent ShaderMaterials, 3 independent uniform objects, 3 independent THREE.Color instances', toneMapped:(window._incenseSmoke?window._incenseSmoke.wisps.map(w=>w.mesh.material.toneMapped):null) }) }; window._buildIncenseSmoke = function(){ if(!INCENSE_SMOKE_EXPERIMENT || window._incenseSmoke) return; const CS=window._caveScene; const burner=CS.getObjectByName('Incense_Kanji_Clean'); if(!burner){ console.warn('incense smoke: Incense_Kanji_Clean not found'); return; } burner.geometry.computeBoundingBox(); const bb=burner.geometry.boundingBox; // LIVE ember-front source: the burn seam sweeps local X across the plate as uBurn 0→1 (same mapping as the burn shader; tilt pivot xc/zc) const seam={ xmin:bb.min.x, xmax:bb.max.x, xc:-3.08265, zc:-0.7740, topY:bb.max.y }; const emberLocal=new THREE.Vector3((bb.min.x+bb.max.x)/2, bb.max.y, (bb.min.z+bb.max.z)/2); // fallback centre const group=new THREE.Group(); group.name='INCENSE_SMOKE'; CS.add(group); const BASE={ opacity:0.19, vertRise:0.035, horizDrift:0.8, driftDir:1.0, width:0.065, rise:0.06, curl:0.28, turb:0.85, fade:1.0 }; // ★ USER-APPROVED main strand (2026-07-16 rev3) — companions scale relative to these const wisps=[]; function makeWisp(sc){ const u={ uTime:{value:0}, uColor:{value:new THREE.Color('#b8aea1')}, uOpacity:{value:sc.opacity}, uLift:{value:sc.lift}, uVDrift:{value:sc.vdrift}, uHorizDrift:{value:Math.abs(sc.hdrift)}, uDriftDir:{value:(sc.hdrift<0?-1:1)}, uWidth:{value:sc.width}, uRise:{value:sc.speed}, uCurl:{value:sc.curl}, uTurb:{value:sc.turb}, uFade:{value:sc.fade}, uPhase:{value:sc.phase}, uStart:{value:sc.start} }; // ★ ABSOLUTE uniform values (final rig 2026-07-21) const g=new THREE.PlaneGeometry(1,1,3,40); g.translate(0,0.5,0); // strip standing on the source, x∈[-0.5,0.5], y∈[0,1] const m=new THREE.ShaderMaterial({ uniforms:u, vertexShader:_SMOKE_VERT, fragmentShader:_SMOKE_FRAG, // ★ PHASE 1C: _SMOKE_FRAG IS the corrected path — canonical for the ordinary URL. transparent:true, depthTest:true, depthWrite:false, blending:THREE.NormalBlending, side:THREE.DoubleSide }); const mesh=new THREE.Mesh(g,m); mesh.renderOrder=20; mesh.frustumCulled=false; mesh.visible=(sc.enabled!==false); mesh.position.set(sc.posX||0,sc.posY||0,sc.posZ||0); group.add(mesh); wisps.push({mesh,u,sc}); return mesh; } // ★ FINAL SMOKE RIG 2026-07-21 — hardcoded from the approved 5-strand smokeedit export. ALL FIVE strands are // production-enabled and render in NORMAL mode (no smokeedit). Values are ABSOLUTE uniform values: opacity, width, // fade(=length), speed, hdrift (signed ±=right/left), vdrift (signed ↓↑), lift, curl, turb, start(=fadeIn), phase, // posX/Y/Z. A up-and-over · B flatter+faster · C slight-down+offset · D leftward horizontal · E leftward slight-down. makeWisp({ opacity:0.19, width:0.065, fade:0.70, speed:0.06, hdrift: 1.13, vdrift: 0.0042, lift:0.035, curl:0.28, turb:0.85, start:0.00, phase:1.35, posX:0, posY:0, posZ:0, enabled:true }); // A makeWisp({ opacity:0.13, width:0.141, fade:0.90, speed:0.23, hdrift: 0.88, vdrift:-0.016, lift:0.003, curl:0.322, turb:1.05, start:0.14, phase:4.35, posX:0, posY:0, posZ:0, enabled:true }); // B makeWisp({ opacity:0.235, width:0.059, fade:0.57, speed:0.06, hdrift: 0.96, vdrift:-0.025, lift:0.028, curl:0.19, turb:0.85, start:0.26, phase:0.45, posX:0.2, posY:-0.18, posZ:-0.28, enabled:true }); // C makeWisp({ opacity:0.135, width:0.067, fade:0.85, speed:0.12, hdrift:-0.72, vdrift: 0.000, lift:0.014, curl:0.365, turb:0.60, start:0.10, phase:1.10, posX:0, posY:0, posZ:0, enabled:true }); // D makeWisp({ opacity:0.165, width:0.039, fade:0.60, speed:0.06, hdrift:-0.60, vdrift:-0.027, lift:0.014, curl:0.50, turb:1.19, start:0.05, phase:3.40, posX:0, posY:0, posZ:0, enabled:true }); // E window._incenseSmoke={ group, burner, emberLocal, seam, srcLocal:new THREE.Vector3(), pos:new THREE.Vector3(), wisps, BASE }; group.visible=!!window.debugIncenseSmoke; _buildSmokeControls(BASE,wisps); if (SMOKETEST) { _buildSmokeTestPanel(); _applySmokeTest(); _syncSmokeTestUI(); console.log('SMOKETEST ACTIVE · corrected output path (tonemapping_fragment + colorspace_fragment) · panel top-left · window.kokuinSmokeTest'); } console.log('INCENSE SMOKE ready · 5 strands A–E (final rig 2026-07-21, all production-enabled) · window.setIncenseSmokeEnabled(false) or INCENSE_SMOKE_EXPERIMENT=false to disable'); }; window._updateIncenseSmoke = function(){ const S=window._incenseSmoke; if(!S) return; const on=!!window.debugIncenseSmoke; S.group.visible=on; if(!on) return; S.burner.updateWorldMatrix(true,false); // LIVE ember-front local point (rides the glowing burn seam via uBurn + the shader's X-tilt), then → caveScene world const U=window._incUniforms; let uB=(typeof window.incenseBurnOverride==='number')?window.incenseBurnOverride:((U&&U.uBurn)?U.uBurn.value:0.5); uB=Math.min(1,Math.max(0,uB)); const cos=((U&&U.uBurnCos)?U.uBurnCos.value:0.98902)||1; const sm=S.seam, front=sm.xmin+uB*(sm.xmax-sm.xmin), localX=sm.xc+(front-sm.xc)/cos; // seam centre at z=zc S.srcLocal.set(localX, sm.topY+0.015, sm.zc); // tiny lift above the ember surface → no depth clipping (shared by all 3 strands) S.pos.copy(S.srcLocal).applyMatrix4(S.burner.matrixWorld); S.group.position.copy(S.pos); const ys=(window._caveRoot?window._caveRoot.scale.y:1); S.group.scale.setScalar(ys); // uniform → proportional to cave, no distortion const cam=activeCaveCamera; if(cam){ const dx=cam.position.x-S.pos.x, dz=cam.position.z-S.pos.z; S.group.rotation.y=Math.atan2(dx,dz); } // billboard to active cave cam const t=window._showT(); S.wisps.forEach(w=>w.u.uTime.value=t); // ★ shared motion epoch — smoke frozen (uTime=0) until the barrier ⇒ no load-time accumulation / snap }; const _sz = new THREE.Vector2(); function animate() { requestAnimationFrame(animate); // ★ PRESENTATION BARRIER — until the complete scene is presented, render NOTHING (canvas is opacity 0). No // partial-assembly frames, no visible motion, no elapsed-time accumulation behind a black screen. if (!_scenePresented) return; if (window._drawClock) window._drawClock(); if (window._drawDate) window._drawDate(); if (_marchStarted && _march) _march.tick(); // ★ envelope march + die slam — ticks only after the one-time frame-zero start (actors hidden before that; rest of scene renders freely) if (window._updateBurn) window._updateBurn(); // incense burn front → uBurn (wall clock / override) if (window._updateTestCycle) window._updateTestCycle(); // ★ testcycle (?testcycle=1): write accelerated virtual time into waterLevelOverride BEFORE water reads it; no-op otherwise if (window._updateWater) window._updateWater(); // water level → Y position + X/Z scale (stage1: manual override only) if (window._updateRipple) window._updateRipple(); // one-shot surface ripple (manual trigger) if (window._updateDrop) window._updateDrop(); // one-shot falling drop (manual trigger → ripple on impact) if (window._updateDropLoop) window._updateDropLoop(); // atmospheric drop/ripple loop (window.waterDropLoopEnabled) if (window._updateCandles) window._updateCandles(); // hero candle body clip → burnLine (window.candleBurnOverride 0..0.999) if (window._updateCandleFX) window._updateCandleFX(); // hero wick+flame FX follow the body burn-line (reads plane constant only) if (window._updateCandleKanji) window._updateCandleKanji(); // top-down kanji disappearance via _melt_T vs physicalBurn if (window._updateBackgroundFlames) window._updateBackgroundFlames(); // decorative flames on Wick_01..25 (sprite pos+scale only) if (window._updateCaveLightMarkers) window._updateCaveLightMarkers(); // debug light markers follow lights live (window.debugCaveLightMarkers) if (window._updatePOLightMarkers) window._updatePOLightMarkers(); // PO debug light markers follow lights live (window.debugPOLightMarkers) if (window._updateIncenseSmoke) window._updateIncenseSmoke(); // ★ OPTIONAL incense smoke — tracks burner, billboards to cave cam (window.debugIncenseSmoke) if (window._applyFlameDebug) window._applyFlameDebug(); // TEMP flame diagnostic toggle (window.debugCandleFlame) — state-change only if (window._updateFlameFlicker) window._updateFlameFlicker(); // subtle async flame flicker — sprite-local pos+scale only (window.candleFlameFlickerEnabled) if (window._updateFlameTest) window._updateFlameTest(); // ★ PHASE 5A ?flametest=1 ONLY — offsets + anchor markers, runs LAST (undefined & no-op otherwise) if (state.band) { // SPLIT WALL: conveyor in TOP 60%, cave in BOTTOM 40% (WebGL y origin = bottom) renderer.getSize(_sz); renderer.setScissorTest(false); renderer.setViewport(0, 0, _sz.x, _sz.y); renderer.setClearColor(0x000000, 1); renderer.clear(); const bh = _sz.y * 0.6, y0 = _sz.y * 0.4, ch = _sz.y * 0.4; // conveyor 60% / cave 40% // --- cave: bottom 40% --- const ct = window._showT(); // ★ shared motion epoch (was _caveClock) — cave-light flicker frozen until the barrier, then flickers from t=0 for (const def of caveFlicker) caveFlick(def, ct); if (window._caveCandles) for (const def of window._caveCandles) caveFlick(def, ct); const cropMode = (PREVIEW_MODE === 'crop'); const caveCamActive = cropMode ? caveCameraDesktop : caveCamera; // pulled-back cam only in DESKTOP CROP activeCaveCamera = caveCamActive; // expose for click-to-identify raycasting renderer.setScissorTest(true); renderer.setViewport(0, 0, _sz.x, ch); renderer.setScissor(0, 0, _sz.x, ch); renderer.render(caveScene, caveCamActive); // --- conveyor: top 60% --- renderer.setViewport(0, y0, _sz.x, bh); renderer.setScissor(0, y0, _sz.x, bh); renderer.render(scene, camera); } else { renderer.setScissorTest(false); renderer.render(scene, camera); } } // ═══ TEMP CLICK-TO-IDENTIFY (cave debug) — click a cave object to log its identity. Identification only; nothing is modified. ═══ const debugRaycaster = new THREE.Raycaster(); const debugPointer = new THREE.Vector2(); function getObjectPath(object) { const names = []; let current = object; while (current) { names.push(current.name || "(unnamed)"); current = current.parent; } return names.join(" <- "); } function getTopLevelRoot(object) { let current = object; while (current.parent && current.parent !== caveScene) { current = current.parent; } return current; } renderer.domElement.addEventListener("pointerdown", (event) => { const canvas = renderer.domElement; const rect = canvas.getBoundingClientRect(); // Cave occupies the bottom 40% of the fixed composition. const caveTop = rect.top + rect.height * 0.60; const caveHeight = rect.height * 0.40; const caveBottom = caveTop + caveHeight; if (event.clientY < caveTop || event.clientY > caveBottom) return; // X across the full wide canvas (includes clipped sides); Y only within the cave viewport. debugPointer.x = ((event.clientX - rect.left) / rect.width) * 2 - 1; debugPointer.y = -((event.clientY - caveTop) / caveHeight) * 2 + 1; const camera = (typeof activeCaveCamera !== "undefined") ? activeCaveCamera : caveCameraDesktop; debugRaycaster.setFromCamera(debugPointer, camera); const hits = debugRaycaster.intersectObjects(caveScene.children, true); if (!hits.length) { console.log("CAVE PICK: no object hit"); return; } const report = hits.slice(0, 15).map((hit, index) => { const object = hit.object; const geometry = object.geometry; const root = getTopLevelRoot(object); let triangles = null; if (geometry) { triangles = geometry.index ? geometry.index.count / 3 : geometry.attributes.position.count / 3; } const materials = Array.isArray(object.material) ? object.material.map((material) => material?.name || "(unnamed)") : [object.material?.name || "(none)"]; return { hit: index + 1, object: object.name || "(unnamed)", root: root.name || "(unnamed)", hierarchy: getObjectPath(object), materials: materials.join(", "), triangles, distance: Number(hit.distance.toFixed(4)), }; }); console.table(report); window.__cavePickHits = hits; window.__cavePickedObject = hits[0].object; }); // ═══ READ-ONLY LIGHTING + FLICKER AUDIT (diagnostic only — never moves/disables/recolors any light) ═══ window.kokuinDumpLights = function(){ const R = v => (v==null?null:+v.toFixed(3)); const V = camera.position.constructor; const scenes = [['PO', window._scene], ['CAVE', window._caveScene]]; const rows = []; for (const [scn, root] of scenes){ if (!root) continue; root.updateMatrixWorld(true); root.traverse(o => { if (!o.isLight) return; const wp = new V(); o.getWorldPosition(wp); const chain = []; let c = o; while (c){ chain.push(c.name || '('+c.type+')'); c = c.parent; } let inGLB=false, underCaveRoot=false, cc=o; while(cc){ if(cc.name==='Scene') inGLB=true; if(cc===window._caveRoot) underCaveRoot=true; cc=cc.parent; } let tgt=null; if(o.target){ const tv=new V(); o.target.getWorldPosition(tv); tgt=[R(tv.x),R(tv.y),R(tv.z)]; } const flickered = !!((window._caveCandles && window._caveCandles.some(d=>d.light===o)) || (window._caveFlickerDefs && window._caveFlickerDefs.some(d=>d.light===o))); rows.push({ name:o.name||'(unnamed)', type:o.type, uuid:o.uuid.slice(0,8), scene:scn, source: inGLB ? 'GLB' : 'viewer.html', parentChain: chain.join(' <- '), localPos:[R(o.position.x),R(o.position.y),R(o.position.z)], worldPos:[R(wp.x),R(wp.y),R(wp.z)], rotation:[R(o.rotation.x),R(o.rotation.y),R(o.rotation.z)], targetWorld:tgt, color:'#'+o.color.getHexString(), intensity:R(o.intensity), distance:R(o.distance), decay:R(o.decay), angle:R(o.angle), penumbra:R(o.penumbra), rectW:R(o.width), rectH:R(o.height), visible:o.visible, castShadow:!!o.castShadow, shadowMapSize:o.shadow?[o.shadow.mapSize.x,o.shadow.mapSize.y]:null, shadowBias:o.shadow?o.shadow.bias:null, normalBias:o.shadow?o.shadow.normalBias:null, layersMask:o.layers.mask, vertical:(wp.y<0?'below-floor':'above-floor'), rootScaleAffects: underCaveRoot ? ('caveRoot '+JSON.stringify(window._caveRoot.scale.toArray())) : 'no', flickeredEveryFrame:flickered }); }); } const rend = window._renderer; const renderer = { shadowMapEnabled: rend.shadowMap.enabled, shadowMapType: rend.shadowMap.type, toneMapping: rend.toneMapping, toneMappingExposure: R(rend.toneMappingExposure), outputColorSpace: rend.outputColorSpace, colorManagementEnabled: THREE.ColorManagement.enabled, useLegacyLights: rend.useLegacyLights, threeRevision: THREE.REVISION, postprocessing: 'none — direct renderer.render() per pass, no EffectComposer', gltfLightsImported: 'yes (KHR_lights_punctual). PO-GLB lights forced visible=false in the loader; cave-GLB lights intensity-scaled (÷250×0.75) and some registered for flicker' }; window.kokuinLights = { count: rows.length, byScene:{ PO: rows.filter(r=>r.scene==='PO').length, CAVE: rows.filter(r=>r.scene==='CAVE').length }, bySource:{ GLB: rows.filter(r=>r.source==='GLB').length, viewerHtml: rows.filter(r=>r.source==='viewer.html').length }, visible: rows.filter(r=>r.visible).length, flickered: rows.filter(r=>r.flickeredEveryFrame).length, lights: rows, renderer }; console.table(rows.map(r=>({name:r.name,type:r.type,scene:r.scene,src:r.source,vis:r.visible,int:r.intensity,flick:r.flickeredEveryFrame,wY:r.worldPos[1]}))); return window.kokuinLights; }; window.kokuinDumpFlicker = function(){ const audit = { animationLoop: 'single animate() rAF in viewer.html; no other persistent requestAnimationFrame (the inspection-viewer rAF runs only while that overlay is open)', timeSource: { heroAndBackgroundFlames: 'performance.now()*0.001', caveLights: 'THREE.Clock _caveClock.getElapsedTime()' }, A_heroFlames: { file:'viewer.html', fn:'window._updateFlameFlicker', region:'HERO CANDLE-FX block', count:(window._candleFX?window._candleFX.length:0), independent:true, seeded:'deterministic (fixed phases 0.0 & 1.7; no per-frame random)', formula:'mix = sin(t*7.3+ph)*0.55 + sin(t*11.1+ph*1.37)*0.30 + sin(t*3.9+ph*0.73)*0.15 ; mix2 = sin(t*5.2+ph*2.1)*0.6 + sin(t*9.7+ph)*0.4', animates:{ scaleH:'±8% (H*(1+mix*0.08))', scaleW:'±4% (W*(1+mix2*0.04))', posX:'±0.0012 (mix2) — LATERAL drift PRESENT on hero', posY:'FLAME_BOTTOM + h/2 + mix*0.0006 (rebuilt from base each frame)', posZ:'static', opacity:'none', emissiveIntensity:'none', color:'none', lightIntensity:'n/a (sprite, no light)' } }, B_backgroundFlames: { file:'viewer.html', fn:'window._updateBackgroundFlames', region:'BACKGROUND CANDLE FLAMES block', count:(window._backgroundCandleFlames?window._backgroundCandleFlames.length:0), independent:true, seeded:'deterministic (phase = n*0.73)', formula:'same mix/mix2 as hero, phase = index*0.73', animates:{ scaleH:'±8%', scaleW:'±4%', posX:'0 — HORIZONTAL FLICKER REMOVED (X locked to wick|body center)', posY:'wickTipY + h/2 + heightOffset + mix*0.0005 (vertical bob, rebuilt from live wick each frame)', posZ:'0 — locked', opacity:'none', emissiveIntensity:'none', color:'none' }, horizontalFlickerConfirmedZero:true }, C_flickeringLights: { file:'viewer.html', fn:'caveFlick(def,t)', region:'cave-render section of animate()', appliesTo:['window._caveCandles (code-created cave PointLights)','cave-GLB lights registered in the CAVE_FLICKER set'], independent:true, seeded:'RANDOM per light at init: f1=2.8+rnd*0.8, f2=5.8+rnd*1.4, p1=rnd*6.28, p2=rnd*6.28 (fixed after init)', formula:'light.intensity = base * clamp(1 + sin(t*f1+p1)*0.12 + sin(t*f2+p2)*0.08, 0.78, 1.22)', animates:{ lightIntensity:'±~20% clamped to [0.78,1.22]×base', position:'none', color:'none' } }, D_emberGlowFlicker: { present:false, note:'the burn ember is a clock-driven advancing FRONT (uBurn), not an oscillating flicker; flame glow is the static sprite texture modulated only by the scale flicker in A/B' }, oneLightPerCandle:false, oneLightPerCandleDetail:'a small shared pool of cave PointLights + registered GLB lights illuminate ~25 candles; NOT one light per candle', groupedCandleLightsExist:false, materialCloningPerFrame:false, perFrameAllocations:'none in the flicker paths (reused scratch vectors/boxes)', performanceNotes:'background flames run setFromObject on wick+body each frame (~50 tiny AABB updates) — negligible', desktopVsAxcross:'flicker math identical in both modes; mode changes only caveRoot transform + camera; flame X/Z re-derived from live world each frame' }; window.kokuinFlickerAudit = audit; console.log('FLICKER AUDIT · A(hero) B(bg, no-horizontal) C(cave lights) D(none) → window.kokuinFlickerAudit'); return audit; }; // populate the exposed globals once the cave + flames have loaded (read-only; no visual effect) setTimeout(() => { try { window.kokuinDumpLights(); window.kokuinDumpFlicker(); } catch(e){} }, 2500); // ═══ CRITICAL-READY PRESENTATION BARRIER ═══ The canvas is withheld (opacity 0, animate renders nothing) until the // three heavy critical loads finish (conveyor march + cave/smoke/flames + PO room). Then _present() stages the // arrival preset, prewarms BOTH scenes (shader compile + texture uploads), and flips _scenePresented so animate // draws the COMPLETE scene as one still frame at show-time 0 — the viewer never sees partial assembly. We reveal // with a ~220ms fade, hold the still frame briefly, then _startMotion() sets ONE performance.now() epoch that // starts conveyor + smoke + flames + flicker + water together. The epoch is never reset after that. let _convReady = false, _caveReady = false, _poReady = false; function _maybeBeginMotion(){ if (_convReady && _caveReady) _present(); } // PO (58MB parse) no longer gates first present — cave+conveyor reveal immediately; PO fades in behind the veil when parsed setTimeout(() => { if (!_scenePresented && window._march){ console.warn('KOKUIN barrier: fallback timeout — presenting (conv',_convReady,'cave',_caveReady,'po',_poReady,')'); _present(); } }, 12000); // Mode-specific leading lattice threshold. AxCROSS (wall, whole 8.29:1 letterboxed) keeps the approved subtle // extreme-left entrance (leader ≈ -4.319). Desktop is CSS-cropped to the centre fraction winAR/AR of the belt width, // so it uses a CLOSER front: an envelope right-edge projects to camera-NDC ≈ 0.227·station + 0.011 (measured); place // the leader at the largest lattice station whose right edge is just left of the desktop crop's left-visible NDC. function _resolveArrivalFront(){ if (IS_AXCROSS) return -4.0; // C.WRAP_MIN + 1.0 → leader lattice -4.319 const AR = RENDER_W / RENDER_H; // 8.287 const visLeftNDC = -(window.innerWidth / window.innerHeight) / AR; // desktop crop clips to ±winAR/AR return (visLeftNDC - 0.011) / 0.227; // threshold → largest lattice station just offscreen-left } function _present(){ if (_scenePresented || !window._march) return; const m = window._march; const front = _resolveArrivalFront(); m.startIntro(window._introPreset, front); // stage arrival (positions + visible) — STILL, not ticking // ── PREWARM both rendered scenes so the first presented frame has no compile flash / material-pop (nothing has // rendered yet — the canvas was withheld — so this is the FIRST compile of everything). Invisible (opacity 0). try { if (renderer.compile){ renderer.compile(scene, camera); renderer.compile(caveScene, (PREVIEW_MODE === 'crop') ? caveCameraDesktop : caveCamera); } m.actors.forEach(a => a.group && a.group.traverse(o => { if (o.isMesh && o.material){ const mm = Array.isArray(o.material)?o.material:[o.material]; mm.forEach(mat => { for (const k of ['map','alphaMap','emissiveMap','normalMap']){ if (mat[k] && mat[k].isTexture) renderer.initTexture(mat[k]); } }); } })); } catch(e){ console.warn('KOKUIN prewarm skipped:', e); } _scenePresented = true; // animate now renders the still scene (motion frozen until _startMotion) window.__presentedAt = performance.now(); // candles / bowl / incense show their correct browser-local 12h state on the FIRST visible frame try { if (window._updateCandles) window._updateCandles(); if (window._updateBurn) window._updateBurn(); if (window._updateWater){ window._updateWater(); window._updateWater(); } } catch(e){} console.log('KOKUIN · PRESENTED complete still scene · preset=' + window._introPreset + ' · at ' + Math.round(window.__presentedAt) + 'ms'); // reveal cave+conveyor as a STILL populated scene + fade the title. Motion stays FROZEN until the PO room is shown // AND its upload hitch settles — then the epoch resets to now, so the march starts from elapsed 0 (no catch-up jump). setTimeout(() => { renderer.domElement.style.opacity = '1'; // gentle 220ms fade-in (canvas transition set at init) if (window.__hideKokuinTitle) window.__hideKokuinTitle(); _startMotionAfterPOSettle(); // no-op until PO is shown; then starts motion after a 2-frame settle setTimeout(() => { if (!_motionArmed){ _poShown = true; _startMotionAfterPOSettle(); } }, 12000); // safety only: PO never arrived }, 100); } // PO "memory veil": one depth-tested black plane between the conveyor (front) and the PO room (back) at z=-1.0. Added // when PO parses (PO uploads behind it), faded out over 800ms starting AT motion start, then removed + disposed. The // machine (z≥-0.78) renders in front; the PO back wall (z≪-1) is occluded. Cave is a separate render pass, unaffected. // (AxCROSS only: the two far-edge PO concrete columns at z=+0.24 interpenetrate the machine and stay faintly visible — accepted.) let _poShown = false, _motionArmed = false, _poVeil = null; function _addPOVeil(){ if (_poVeil) return; try { _poVeil = new THREE.Mesh( new THREE.PlaneGeometry(180, 52), new THREE.MeshBasicMaterial({ color:0x000000, transparent:true, opacity:1, depthWrite:false, side:THREE.DoubleSide, toneMapped:false })); _poVeil.position.set(0.2, 2.2, -1.0); _poVeil.renderOrder = 2; _poVeil.frustumCulled = false; scene.add(_poVeil); } catch(e){ console.warn('KOKUIN: PO veil skipped', e); } } function _fadePOVeil(){ if (!_poVeil) return; const veil = _poVeil, mat = veil.material, t0 = performance.now(), DUR = 800; (function step(){ const k = Math.min(1, (performance.now() - t0) / DUR); mat.opacity = 1 - k; if (k < 1) requestAnimationFrame(step); else { scene.remove(veil); mat.dispose(); veil.geometry.dispose(); if (_poVeil === veil) _poVeil = null; } })(); } // start conveyor/stamper motion ONLY after the PO room is shown and its first render hitch settles (2 frames). The // march stays staged-but-frozen until then; the epoch is reset here so motion begins at elapsed 0 (no catch-up). The // 800ms PO veil fade begins at the SAME instant motion starts. Armed once (PO-shown or reveal, whichever is later). function _startMotionAfterPOSettle(){ if (_motionArmed || window._motionEpoch != null || !_scenePresented || !_poShown || !window._march) return; _motionArmed = true; requestAnimationFrame(() => requestAnimationFrame(() => { _startMotion(); _fadePOVeil(); })); } function _startMotion(){ if (window._motionEpoch != null || !window._march) return; const m = window._march; const epoch = performance.now(); if (m.startEpoch) m.startEpoch(); // conveyor clock reset to this instant window._motionEpoch = epoch; // window._showT() advances from 0 for smoke/flames/flicker/water if (typeof window._nextDropAt === 'number') window._nextDropAt = epoch/1000 + 2.5; // re-base the atmospheric water-drop loop _marchStarted = true; // conveyor tick begins window.__motionAt = epoch; console.log('KOKUIN · MOTION START · shared epoch · conveyor+smoke+flames+flicker+water together · preset=' + window._introPreset + ' · +' + Math.round(epoch - (window.__presentedAt||epoch)) + 'ms after present'); } // ---- PRESENTATION MODE: hide all controls/diagnostics + disable every interaction ---- if (KOKUIN_PRESENTATION_MODE){ document.body.classList.add('presenting'); // #panel (framing / canvas-shape controls) is hidden by default in the initial HTML (hidden attr + CSS) so it can // NEVER flash before JS loads — no JS is needed to hide it here. const _lt = document.getElementById('lockTag'); if (_lt) _lt.style.display = 'none'; const _inf = document.getElementById('info'); if (_inf) _inf.style.display = 'none'; renderer.domElement.style.pointerEvents = 'none'; // kills drag/click/wheel/touch/context on the canvas document.addEventListener('contextmenu', e => e.preventDefault()); window.addEventListener('dragstart', e => e.preventDefault()); } else { const _pnl = document.getElementById('panel'); if (_pnl) _pnl.removeAttribute('hidden'); // dev / debug (presentation mode off): reveal the hidden-by-default framing controls } animate(); // ═══════════════════════════════════════════════════════════════════════════════════════════════ // PROTECTED CHECKPOINT — live AxCROSS WALL settings snapshot (2026-07-15). // INERT: this only DEFINES a constant + a MANUAL console helper. It does NOT run on load, does not // touch localStorage, state, cameras, roots, DEFAULTS, RECOVERED_WALL_PROFILE, or the render. // Companion file: wall_checkpoint_2026_07_15.json (byte-identical object). // To restore later, call window.restoreWallCheckpoint() from the console (writes the WALL key + reloads). // ═══════════════════════════════════════════════════════════════════════════════════════════════ const WALL_CHECKPOINT_2026_07_15 = JSON.parse('{"px":0,"py":-0.6,"pz":8.2,"yaw":0,"pitch":-1.5,"fov":10.9,"exposure":0.2,"cut":2,"crop":"fit","band":true,"beltTilt":10,"bandScale":0.6030661705511576,"bandAuto":true,"bandCropY":3.8,"poX":-0.1,"poY":-0.6,"poZ":-2.5,"poSX":1.34,"poSY":1,"poSZ":1.47,"poRX":4,"poRY":0,"poRZ":0,"bX":0,"bY":0,"bZ":0,"bSX":1,"bSY":1,"bSZ":1,"bRX":0,"bRY":0,"bRZ":0,"caveX":0,"caveY":0.35,"caveZ":5.4,"caveFov":11.5,"caveTX":0,"caveTY":0,"caveBright":4,"caveDX":0.33,"caveDY":0.35,"caveDZ":4,"caveDAX":0.33,"caveDAY":0.369,"caveDFov":15,"caveRX":0,"caveRY":-0.4,"caveRZ":0,"caveRRX":0,"caveRRY":0,"caveRRZ":0,"caveRSX":1.51,"caveRSY":1.04,"caveRSZ":0.57,"caveMaskW":140,"caveMaskH":160,"caveMaskFeather":0}'); window.WALL_CHECKPOINT_2026_07_15 = WALL_CHECKPOINT_2026_07_15; window.restoreWallCheckpoint = function () { // MANUAL ONLY — never called automatically try { localStorage.setItem('kokuin_axcross_wall_v1', JSON.stringify(WALL_CHECKPOINT_2026_07_15)); console.log('WALL checkpoint 2026-07-15 written to kokuin_axcross_wall_v1 · reloading…'); location.reload(); } catch (e) { console.error('restoreWallCheckpoint failed:', e); } }; console.log('WALL checkpoint 2026-07-15 available · call window.restoreWallCheckpoint() to apply (manual only)'); // ═══════════════════════════════════════════════════════════════════════════════════════════════ // TEMPORARY AxCROSS CLOSE-UP INSPECTION VIEWER — isolated, additive, non-destructive. // Copies the ALREADY-composed WebGL frame (renderer.domElement, preserveDrawingBuffer:true) into a // 2D overlay canvas via drawImage. It NEVER touches cameras, roots, scenes, lighting, renderer size, // viewport/scissor, the animate() loop, controls, or localStorage. It is a passive visual copy only. // Gated to ?mode=axcross. Toggle with I; ?mode=axcross&inspect=1 auto-opens; Esc closes. // ═══════════════════════════════════════════════════════════════════════════════════════════════ if (IS_AXCROSS && !PHYSICALINSPECT) (function(){ // ★ physicalinspect owns I/arrows/C/0 — suppress this magnifier only in that mode (normal axcross & inspect=1 unchanged) const SRC = renderer.domElement; // final composed AxCROSS frame (read-only source) const AUTO = new URLSearchParams(location.search).get('inspect') === '1'; // ---- overlay DOM (all inline styles; nothing leaks into the page's CSS) ---- const ov = document.createElement('div'); ov.style.cssText = 'position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:90vw;height:75vh;'+ 'background:#0b0906;border:2px solid #ffd08066;border-radius:8px;z-index:9000;display:none;'+ 'box-shadow:0 12px 60px rgba(0,0,0,0.8);flex-direction:column;overflow:hidden;font:12px monospace;color:#ffd080;'; const bar = document.createElement('div'); bar.style.cssText = 'flex:0 0 auto;display:flex;align-items:center;gap:16px;padding:7px 12px;'+ 'background:rgba(0,0,0,0.5);border-bottom:1px solid #ffd08033;'; bar.innerHTML = 'AxCROSS Inspection — preview only'+ ''+ 'Drag to pan · Wheel to zoom · I/Esc to close'; const mag = document.createElement('canvas'); // magnifier mag.style.cssText = 'flex:1 1 auto;width:100%;min-height:0;display:block;cursor:grab;background:#000;'; const ovwWrap = document.createElement('div'); ovwWrap.style.cssText = 'flex:0 0 auto;padding:6px 10px;background:rgba(0,0,0,0.5);border-top:1px solid #ffd08033;'; const ovw = document.createElement('canvas'); // overview strip ovw.style.cssText = 'width:100%;height:54px;display:block;cursor:crosshair;background:#000;'; ovwWrap.appendChild(ovw); ov.append(bar, mag, ovwWrap); document.body.appendChild(ov); const zoomLabel = bar.querySelector('#_insZoom'); // ---- inspection state (LOCAL ONLY — never persisted, never read back into the app) ---- let open = false, raf = 0; let z = 3; // initial ~3× relative to fit-whole const Z_MIN = 1, Z_MAX = 8; let cx = 0, cy = 0, centered = false; // pan center, in SOURCE pixels const clamp = (v,a,b) => Math.min(b, Math.max(a, v)); function sizeCanvases(){ mag.width = Math.max(1, mag.clientWidth); mag.height = Math.max(1, mag.clientHeight); ovw.width = Math.max(1, ovw.clientWidth); ovw.height = Math.max(1, ovw.clientHeight); } function fitScale(){ return Math.min(mag.width / SRC.width, mag.height / SRC.height); } function drawScale(){ return fitScale() * z; } function clampCenter(){ cx = clamp(cx, 0, SRC.width); cy = clamp(cy, 0, SRC.height); } // keep image over canvas centre → never fully lost function render(){ if (!open) return; if (mag.clientWidth !== mag.width || mag.clientHeight !== mag.height || ovw.clientWidth !== ovw.width || ovw.clientHeight !== ovw.height) sizeCanvases(); if (!centered && SRC.width) { cx = SRC.width/2; cy = SRC.height/2; centered = true; } const mc = mag.getContext('2d'); mc.imageSmoothingEnabled = true; mc.fillStyle = '#000'; mc.fillRect(0,0,mag.width,mag.height); const ds = drawScale(); const dx = -cx*ds + mag.width/2, dy = -cy*ds + mag.height/2; try { mc.drawImage(SRC, dx, dy, SRC.width*ds, SRC.height*ds); } catch(e){} // passive copy of the composed frame // overview: whole composition + current-view rectangle const oc = ovw.getContext('2d'); oc.fillStyle = '#000'; oc.fillRect(0,0,ovw.width,ovw.height); const oScale = Math.min(ovw.width / SRC.width, ovw.height / SRC.height); const oW = SRC.width*oScale, oH = SRC.height*oScale, oX = (ovw.width-oW)/2, oY = (ovw.height-oH)/2; try { oc.drawImage(SRC, oX, oY, oW, oH); } catch(e){} const vw = mag.width/ds, vh = mag.height/ds; // visible source rect oc.strokeStyle = '#ffd080'; oc.lineWidth = 1.5; oc.strokeRect(oX + (cx - vw/2)*oScale, oY + (cy - vh/2)*oScale, vw*oScale, vh*oScale); zoomLabel.textContent = Math.round(z*100) + '%'; raf = requestAnimationFrame(render); } function openIns(){ if (open) return; open = true; ov.style.display = 'flex'; sizeCanvases(); centered = false; raf = requestAnimationFrame(render); } function closeIns(){ if (!open) return; open = false; ov.style.display = 'none'; if (raf) cancelAnimationFrame(raf), raf = 0; } function toggle(){ open ? closeIns() : openIns(); } // ---- magnifier: drag-pan + wheel-zoom (cursor-anchored) ---- let drag = null; mag.addEventListener('pointerdown', e => { drag = { x:e.clientX, y:e.clientY }; mag.setPointerCapture(e.pointerId); mag.style.cursor='grabbing'; }); mag.addEventListener('pointerup', e => { drag = null; mag.style.cursor='grab'; }); mag.addEventListener('pointermove', e => { if (!drag) return; const ds = drawScale(); cx -= (e.clientX - drag.x)/ds; cy -= (e.clientY - drag.y)/ds; drag.x = e.clientX; drag.y = e.clientY; clampCenter(); }); mag.addEventListener('wheel', e => { e.preventDefault(); const r = mag.getBoundingClientRect(), mx = e.clientX - r.left, my = e.clientY - r.top; const ds0 = drawScale(); const sx = cx + (mx - mag.width/2)/ds0, sy = cy + (my - mag.height/2)/ds0; // source point under cursor z = clamp(z * (e.deltaY < 0 ? 1.15 : 1/1.15), Z_MIN, Z_MAX); const ds1 = drawScale(); cx = sx - (mx - mag.width/2)/ds1; cy = sy - (my - mag.height/2)/ds1; clampCenter(); }, { passive:false }); // ---- overview: click / drag to reposition the close-up ---- function ovwTo(e){ const r = ovw.getBoundingClientRect(); const oScale = Math.min(ovw.width / SRC.width, ovw.height / SRC.height); const oW = SRC.width*oScale, oH = SRC.height*oScale, oX = (ovw.width-oW)/2, oY = (ovw.height-oH)/2; cx = (e.clientX - r.left - oX)/oScale; cy = (e.clientY - r.top - oY)/oScale; clampCenter(); } let odrag = false; ovw.addEventListener('pointerdown', e => { odrag = true; ovw.setPointerCapture(e.pointerId); ovwTo(e); }); ovw.addEventListener('pointermove', e => { if (odrag) ovwTo(e); }); ovw.addEventListener('pointerup', () => { odrag = false; }); // ---- keys (additive; does not disturb existing handlers) ---- window.addEventListener('keydown', e => { if (window.KOKUIN_PRESENTATION_MODE) return; // ★ presentation: inspection overlay disabled if (e.key === 'i' || e.key === 'I') toggle(); else if (e.key === 'Escape' && open) closeIns(); }); window._inspect = { open: openIns, close: closeIns, toggle }; // console convenience (no state persisted) if (AUTO) openIns(); console.log('AxCROSS Inspection ready · press I to open' + (AUTO ? ' (auto-opened via inspect=1)' : '')); })(); { // THREE is provided by the NEORT bootstrap above; static import removed for classic-script compatibility. (function(){ const Q = new URLSearchParams(location.search); if (Q.get('lightedit') !== '1') return; // ★ ABSOLUTE GATE — nothing runs without lightedit=1 const IS_AX = Q.get('mode') === 'axcross'; const PHYS = IS_AX && Q.get('physicalinspect') === '1'; // ── physicalinspect conflict: warn + refuse (physicalinspect wins; it owns keys + canvas layout) ── if (PHYS) { const w = document.createElement('div'); w.style.cssText = 'position:fixed;left:50%;top:14px;transform:translateX(-50%);z-index:99999;'+ 'background:#3a1010;color:#ffdcdc;border:1px solid #ff6060;border-radius:6px;padding:9px 14px;'+ 'font:12px monospace;box-shadow:0 6px 30px rgba(0,0,0,.7);max-width:80vw;text-align:center;'; w.textContent = '⚠ LIGHT EDITOR DISABLED — physicalinspect=1 is active and owns the keyboard/canvas. '+ 'Remove physicalinspect=1 to use lightedit.'; document.addEventListener('DOMContentLoaded', ()=>document.body.appendChild(w)); if (document.body) document.body.appendChild(w); console.warn('[lightedit] refused — physicalinspect=1 active'); return; } const SOURCE_HASH = '613855939583EB00C54DE6F275E3B16D75762078F593DFD9EFFAE4FED5DEA7C2'; const SCHEMA_VERSION = 1; const LS_PROFILE_KEY = 'kokuin_lightedit_profile_v1'; // ISOLATED — read/written ONLY here, ONLY under lightedit=1 // ── wait until every async-loaded light exists (cave GLB + bell treatment finish last) ── function ready(){ return window._scene && window._caveScene && window.PO_LIGHT_REFS && window._caveCandles && window._caveAmbient && window._renderer && window.camera && window.__bellAccentLight && window.__bellFillLight; } let waited = 0; (function poll(){ if (ready()) return init(); if ((waited += 120) > 20000){ console.warn('[lightedit] lights not fully ready after 20s — starting with what exists'); return init(); } setTimeout(poll, 120); })(); // ════════════════════════════════════════════════════════════════════════════════════════════════ function init(){ if (window.__lightEdit) return; const LE = window.__lightEdit = {}; const renderer = window._renderer, poScene = window._scene, caveScene = window._caveScene; const poCam = window.camera; const caveCam = () => (window.caveLightingMode === 'wall' ? window._caveCam : (window._caveCamDesktop || window._caveCam)); const HEX = c => '#' + c.getHexString(); const round = (v,n=3)=> v==null?null : +(+v).toFixed(n); const isFlickerType = t => t==='PointLight'; // ── build the light registry (preserve underlying refs; labels are separate, no production renames) ── const records = []; // {id,label,group,scene,light,type,flickerDef,canonical,debugCreated,orb,tOrb,line,ring,rangeSphere,snap} const byLight = new Map(); const flickerDefFor = L => { if (window._caveCandles) for (const d of window._caveCandles) if (d.light===L) return d; if (window._caveFlickerDefs) for (const d of window._caveFlickerDefs) if (d.light===L) return d; return null; }; function add(light, group, scene, label, canonical, debugCreated){ if (!light || byLight.has(light)) return null; const fd = flickerDefFor(light); const rec = { id:'', label, group, scene, light, type:light.type, flickerDef:fd, canonical:!!canonical, debugCreated:!!debugCreated, orb:null, tOrb:null, line:null, ring:null, rangeSphere:null, snap:null }; records.push(rec); byLight.set(light, rec); return rec; } // PO rig (named roles) (window.PO_LIGHT_REFS||[]).forEach(r => add(r.light, 'PO', poScene, 'PO · '+r.key.toUpperCase()+' — '+r.role, true, false)); // Cave ambient + candle pool + accents add(window._caveAmbient, 'CAVE', caveScene, 'CAVE · AMBIENT', true, false); (window._caveCandles||[]).forEach((d,i)=>{ const nm = d.accentName ? ('ACCENT — '+d.accentName) : ('CANDLE '+(i+1)); add(d.light, 'CAVE', caveScene, 'CAVE · '+nm, true, false); }); // Bell spots add(window.__bellAccentLight, 'CAVE', caveScene, 'CAVE · BELL_ACCENT (spot)', true, false); add(window.__bellFillLight, 'CAVE', caveScene, 'CAVE · BELL_RIGHT_FILL (spot)', true, false); // Sweep both scenes for anything else (GLB flicker lights etc.) [['PO',poScene],['CAVE',caveScene]].forEach(([g,s])=> s.traverse(o=>{ if(o.isLight && !byLight.has(o)){ add(o, g, s, g+' · '+(o.name||('('+o.type+')'))+' (imported)', true, false); }})); // assign stable ids records.forEach((r,i)=> r.id = r.id || ('L'+i)); // ── baseline snapshot (taken now, after load; the "page-load" reference for reset/teardown) ── function snapOf(rec){ const L=rec.light, fd=rec.flickerDef; const s={ color: HEX(L.color), intensity: fd? fd.base : L.intensity, visible: L.visible, position: L.position ? {x:L.position.x,y:L.position.y,z:L.position.z} : null, target: L.target ? {x:L.target.position.x,y:L.target.position.y,z:L.target.position.z} : null, distance: L.distance, decay: L.decay, angle: L.angle, penumbra: L.penumbra, groundColor: L.groundColor? HEX(L.groundColor) : null, castShadow: !!L.castShadow, shadow: L.shadow ? { mapW:L.shadow.mapSize.x, mapH:L.shadow.mapSize.y, bias:L.shadow.bias, normalBias:L.shadow.normalBias, near:L.shadow.camera?L.shadow.camera.near:null, far:L.shadow.camera?L.shadow.camera.far:null } : null }; return s; } records.forEach(r=> r.snap = snapOf(r)); LE.globalBaseline = { exposure: renderer.toneMappingExposure, shadowMapEnabled: renderer.shadowMap.enabled, shadowMapType: renderer.shadowMap.type, flickerAmount: (window.caveLightFlickerAmount==null?1:window.caveLightFlickerAmount) }; // ── helper orbs (colored, no shadow, never toneMapped, only ever created under lightedit=1) ── LE.helpersOn = true; LE.selectedOnly = false; LE.helperSize = 1.0; const BASE_R = 0.10; function mkOrb(color){ const m = new THREE.Mesh(new THREE.SphereGeometry(BASE_R,12,10), new THREE.MeshBasicMaterial({ color, depthTest:false, depthWrite:false, toneMapped:false })); m.renderOrder = 998; m.castShadow=false; m.receiveShadow=false; return m; } function ensureHelpers(rec){ const L = rec.light, isPos = !!L.position && rec.type!=='AmbientLight' && rec.type!=='HemisphereLight'; if (!rec.orb){ rec.orb = mkOrb(L.color? L.color.getHex():0xffffff); rec.orb.name='LE_ORB_'+rec.id; // selection ring child const ring = new THREE.Mesh(new THREE.SphereGeometry(BASE_R*1.7,14,12), new THREE.MeshBasicMaterial({ color:0xffffff, wireframe:true, depthTest:false, depthWrite:false, toneMapped:false, transparent:true, opacity:0.9 })); ring.renderOrder=999; ring.visible=false; rec.orb.add(ring); rec.ring=ring; rec.scene.add(rec.orb); } if ((rec.type==='SpotLight'||rec.type==='DirectionalLight') && L.target && !rec.tOrb){ rec.tOrb = mkOrb(0x00ffcc); rec.tOrb.name='LE_TORB_'+rec.id; rec.scene.add(rec.tOrb); const g = new THREE.BufferGeometry().setFromPoints([new THREE.Vector3(),new THREE.Vector3()]); rec.line = new THREE.Line(g, new THREE.LineBasicMaterial({ color:0xffd080, depthTest:false, transparent:true, opacity:0.8, toneMapped:false })); rec.line.renderOrder=997; rec.scene.add(rec.line); } if (rec.type==='PointLight' && !rec.rangeSphere){ rec.rangeSphere = new THREE.Mesh(new THREE.SphereGeometry(1,16,12), new THREE.MeshBasicMaterial({ color:L.color.getHex(), wireframe:true, depthTest:false, depthWrite:false, toneMapped:false, transparent:true, opacity:0.16 })); rec.rangeSphere.renderOrder=996; rec.rangeSphere.visible=false; rec.scene.add(rec.rangeSphere); } } const _wp = new THREE.Vector3(), _wt = new THREE.Vector3(); function updateHelpers(){ for (const rec of records){ if (!rec.orb) continue; const L = rec.light, sel = (rec===LE.selected); const show = LE.helpersOn && (!LE.selectedOnly || sel) && L.visible !== undefined; const isPos = !!L.position && rec.type!=='AmbientLight' && rec.type!=='HemisphereLight'; rec.orb.visible = show && (isPos || sel); // ambient/hemi orb only when selected (non-positional) rec.orb.scale.setScalar(LE.helperSize * (sel?1.5:1.0)); rec.orb.material.color.copy(L.color || new THREE.Color(0xffffff)); if (isPos){ L.getWorldPosition(_wp); rec.orb.position.copy(_wp); } else { rec.orb.position.set(0, 3.2, 0); } // parking spot for non-positional lights if (rec.ring) rec.ring.visible = sel; if (rec.tOrb){ const on = show && L.target; rec.tOrb.visible = on; if (on){ L.target.getWorldPosition(_wt); rec.tOrb.position.copy(_wt); const p = rec.line.geometry.attributes.position; p.setXYZ(0,_wp.x,_wp.y,_wp.z); p.setXYZ(1,_wt.x,_wt.y,_wt.z); p.needsUpdate=true; rec.line.visible = on; } else if (rec.line) rec.line.visible=false; } if (rec.rangeSphere){ const on = show && sel && L.distance>0; rec.rangeSphere.visible=on; if (on){ rec.rangeSphere.position.copy(_wp); rec.rangeSphere.scale.setScalar(L.distance); rec.rangeSphere.material.color.copy(L.color); } } } } records.forEach(ensureHelpers); // own rAF — updates helpers live; never touches the render passes / cameras / scene state (function tick(){ if (!LE.disposed){ try{ updateHelpers(); }catch(e){} requestAnimationFrame(tick); } })(); // ════════════════════════════════ PANEL DOM ════════════════════════════════ const st = document.createElement('style'); st.textContent = ` #lePanel{position:fixed;left:12px;top:12px;width:308px;max-height:96vh;overflow-y:auto;z-index:9500; background:rgba(8,6,4,0.92);border:1px solid #ffb04055;border-radius:7px;padding:10px; font:12px/1.4 monospace;color:#ffcf8f;box-shadow:0 8px 40px rgba(0,0,0,.6);} #lePanel.collapsed{max-height:44px;overflow:hidden;} #lePanel h1{font-size:12px;color:#ffe0a0;letter-spacing:.5px;margin:0 0 6px;display:flex;align-items:center;gap:8px;} #lePanel h1 .tag{font-size:9px;color:#ff9060;border:1px solid #ff906055;border-radius:3px;padding:1px 4px;} #lePanel .sec{color:#ffd080;font-size:10px;letter-spacing:.5px;margin:9px 0 3px;border-top:1px solid #ffb04022;padding-top:6px;} #lePanel .cap{font-size:10px;color:#ffb04099;margin:2px 0;} #lePanel .row{display:flex;gap:5px;align-items:center;margin:3px 0;} #lePanel label.f{flex:0 0 66px;font-size:10px;color:#ffb040aa;} #lePanel input[type=number]{width:56px;background:#1a1310;color:#ffd080;border:1px solid #ffb04044;font:11px monospace;padding:3px;border-radius:3px;} #lePanel input[type=range]{flex:1;min-width:60px;} #lePanel input[type=color]{width:38px;height:22px;background:#1a1310;border:1px solid #ffb04044;border-radius:3px;padding:0;} #lePanel input[type=text]{flex:1;background:#1a1310;color:#ffd080;border:1px solid #ffb04044;font:11px monospace;padding:3px;border-radius:3px;} #lePanel select{width:100%;background:#1a1310;color:#ffd080;border:1px solid #ffb04044;font:11px monospace;padding:4px;border-radius:3px;} #lePanel button{background:#1a1310;color:#ffb040cc;border:1px solid #ffb04044;font:10px monospace;padding:5px 4px;border-radius:4px;cursor:pointer;flex:1;} #lePanel button:hover{background:#2a1f12;} #lePanel button.on{background:#3a2a10;color:#ffe0a0;border-color:#ffd08088;} #lePanel button.warn{color:#ff9a9a;border-color:#ff606055;} #lePanel .mini{font-size:9px;color:#ffb04077;} #lePanel .warnbox{background:#2a1408;border:1px solid #ff904055;border-radius:4px;padding:5px;font-size:10px;color:#ffc080;margin:4px 0;} #leBadge{position:fixed;left:12px;bottom:10px;z-index:9500;font:bold 10px monospace;color:#ffd080;background:rgba(0,0,0,.6);border:1px solid #ffd08055;border-radius:4px;padding:3px 8px;}`; document.head.appendChild(st); const P = document.createElement('div'); P.id='lePanel'; const badge = document.createElement('div'); badge.id='leBadge'; badge.textContent='LIGHT EDIT · L=panel H=helpers F=freeze'; document.addEventListener('DOMContentLoaded', ()=>{ document.body.append(P, badge); }); if (document.body){ document.body.append(P, badge); } const el = (t,txt,cls)=>{ const d=document.createElement(t); if(txt!=null)d.textContent=txt; if(cls)d.className=cls; return d; }; function clearBody(){ body.innerHTML=''; } // header const h1 = el('h1'); h1.append(el('span','KOKUIN LIGHT EDITOR')); const tag = el('span', IS_AX?'axcross':'desktop','tag'); h1.append(tag); const colBtn = el('button','▬'); colBtn.style.flex='0 0 26px'; colBtn.onclick=()=>P.classList.toggle('collapsed'); h1.append(colBtn); P.append(h1); const body = el('div'); P.append(body); // ── selection state ── LE.selected = null; LE.groupFilter='All'; LE.soloRec=null; LE.frozen=false; LE.debugCounter = 0; LE.debugLights = []; function visibleRecords(){ return records.filter(r=> LE.groupFilter==='All' ? true : (LE.groupFilter==='Global'? false : r.group===LE.groupFilter)); } // ════════════════════════════ RENDER PANEL ════════════════════════════ function render(){ clearBody(); // group filter body.append(el('div','SELECTION & GROUP','sec')); const gf = el('div','',''); gf.className='row'; [['CAVE','Cave'],['PO','PO'],['All','All']].forEach(([g,lab])=>{ const b=el('button',lab); b.classList.toggle('on',LE.groupFilter===g); b.onclick=()=>{ LE.groupFilter=g; render(); }; gf.append(b); }); body.append(gf); // dropdown const sel = el('select'); const vr = visibleRecords(); vr.forEach(r=>{ const o=el('option', tagOf(r)+' '+r.label); o.value=r.id; if(r===LE.selected)o.selected=true; sel.append(o); }); if (!LE.selected && vr.length){ LE.selected=vr[0]; } sel.onchange=()=>{ LE.selected = records.find(r=>r.id===sel.value)||null; render(); }; body.append(sel); body.append(el('div','click a helper orb to select · '+records.length+' lights total','mini')); // helper controls const hr = el('div','','row'); const hb=el('button', LE.helpersOn?'helpers ON':'helpers OFF'); hb.classList.toggle('on',LE.helpersOn); hb.onclick=()=>{ LE.helpersOn=!LE.helpersOn; render(); }; hr.append(hb); const sob=el('button', LE.selectedOnly?'sel-only':'all helpers'); sob.classList.toggle('on',LE.selectedOnly); sob.onclick=()=>{ LE.selectedOnly=!LE.selectedOnly; render(); }; hr.append(sob); body.append(hr); const hs=el('div','','row'); hs.append(el('label','orb size','f')); const hsi=el('input'); hsi.type='range'; hsi.min='0.3'; hsi.max='3'; hsi.step='0.1'; hsi.value=LE.helperSize; hsi.oninput=()=>{ LE.helperSize=parseFloat(hsi.value); }; hs.append(hsi); body.append(hs); if (LE.selected) renderSelected(LE.selected); renderActions(); renderShadows(); renderProfile(); renderPhase2(); renderGlobal(); } function tagOf(r){ const t = r.type.replace('Light',''); const dyn=r.flickerDef?'~':''; const dbg=r.debugCreated?'✚':''; return '['+t[0]+dyn+dbg+']'; } // ────────────── selected-light controls ────────────── function slider(parent,label,min,max,step,val,on){ const row=el('div','','row'); row.append(el('label',label,'f')); const num=el('input'); num.type='number'; num.step=step; num.value=round(val,4); const rng=el('input'); rng.type='range'; rng.min=min; rng.max=max; rng.step=step; rng.value=val; num.oninput=()=>{ const x=parseFloat(num.value); if(isNaN(x))return; rng.value=x; on(x); }; rng.oninput=()=>{ const x=parseFloat(rng.value); num.value=round(x,4); on(x); }; row.append(num,rng); parent.append(row); return { set:x=>{ num.value=round(x,4); rng.value=x; } }; } function xyz(parent,label,obj,keyset,extra){ // obj has .x/.y/.z ; keyset(axis,val) ['x','y','z'].forEach(ax=>{ const row=el('div','','row'); row.append(el('label',label+' '+ax,'f')); const num=el('input'); num.type='number'; num.step='0.05'; num.value=round(obj[ax],4); const rng=el('input'); rng.type='range'; rng.min=round(obj[ax]-8,3); rng.max=round(obj[ax]+8,3); rng.step='0.02'; rng.value=obj[ax]; const setv=x=>{ keyset(ax,x); if(extra)extra(); }; num.oninput=()=>{ const x=parseFloat(num.value); if(isNaN(x))return; rng.value=x; setv(x); }; rng.oninput=()=>{ const x=parseFloat(rng.value); num.value=round(x,4); setv(x); }; const mk=(t,d)=>{ const b=el('button',t); b.style.flex='0 0 20px'; b.onclick=()=>{ const x=(parseFloat(num.value)||0)+d; num.value=round(x,4); rng.value=x; setv(x); }; return b; }; row.append(num, mk('−',-0.5), mk('+',0.5), rng); parent.append(row); }); } function getIntensity(r){ return r.flickerDef ? r.flickerDef.base : r.light.intensity; } function setIntensity(r,x){ if(r.flickerDef) r.flickerDef.base=x; else r.light.intensity=x; } function renderSelected(r){ const L=r.light; body.append(el('div','SELECTED — '+r.type+(r.flickerDef?' · animation-driven':'')+(r.debugCreated?' · debug':''),'sec')); // label const lr=el('div','','row'); lr.append(el('label','label','f')); const li=el('input'); li.type='text'; li.value=r.label; li.oninput=()=>{ r.label=li.value; L.userData.leLabel=li.value; }; lr.append(li); body.append(lr); if (r.flickerDef) body.append(el('div','⟳ intensity is flicker-driven — the slider edits the BASE (safe). Use FREEZE to hold it steady while tuning.','warnbox')); // enabled + solo + mute const tr=el('div','','row'); const eb=el('button', L.visible?'enabled':'disabled'); eb.classList.toggle('on',L.visible); eb.onclick=()=>{ L.visible=!L.visible; eb.classList.toggle('on',L.visible); eb.textContent=L.visible?'enabled':'disabled'; }; tr.append(eb); const solob=el('button', LE.soloRec===r?'SOLO ✓':'solo'); solob.classList.toggle('on',LE.soloRec===r); solob.onclick=()=>{ toggleSolo(r); render(); }; tr.append(solob); body.append(tr); // color + hex const cr=el('div','','row'); cr.append(el('label','color','f')); const col=el('input'); col.type='color'; col.value=HEX(L.color); const hx=el('input'); hx.type='text'; hx.value=HEX(L.color); hx.style.flex='1'; col.oninput=()=>{ L.color.set(col.value); hx.value=col.value; }; hx.oninput=()=>{ if(/^#?[0-9a-fA-F]{6}$/.test(hx.value)){ const v=hx.value[0]==='#'?hx.value:'#'+hx.value; L.color.set(v); col.value=v; } }; cr.append(col,hx); body.append(cr); // hemisphere ground color if (r.type==='HemisphereLight' && L.groundColor){ const gr=el('div','','row'); gr.append(el('label','ground','f')); const gc=el('input'); gc.type='color'; gc.value=HEX(L.groundColor); gc.oninput=()=>L.groundColor.set(gc.value); gr.append(gc); body.append(gr); } // intensity const imax = r.type==='SpotLight'?60 : (r.type==='PointLight'?20 : (r.type==='DirectionalLight'?4:2)); slider(body, r.flickerDef?'base int':'intensity', 0, imax, 0.05, getIntensity(r), x=>setIntensity(r,x)); // position (not for ambient/hemi) if (L.position && r.type!=='AmbientLight' && r.type!=='HemisphereLight'){ body.append(el('div','position (X/Y/Z · − + = ±0.5)','cap')); xyz(body,'pos', L.position, (ax,x)=>{ L.position[ax]=x; }, null); } // target (spot/dir) if ((r.type==='SpotLight'||r.type==='DirectionalLight') && L.target){ body.append(el('div','target (aim)','cap')); xyz(body,'tgt', L.target.position, (ax,x)=>{ L.target.position[ax]=x; L.target.updateMatrixWorld(); }, null); // read-only direction diagnostic const dir = L.target.getWorldPosition(new THREE.Vector3()).sub(L.getWorldPosition(new THREE.Vector3())).normalize(); body.append(el('div','dir → '+[dir.x,dir.y,dir.z].map(v=>v.toFixed(2)).join(', '),'mini')); } // spot params if (r.type==='SpotLight'){ slider(body,'angle °',1,80,0.5, THREE.MathUtils.radToDeg(L.angle), d=>{ L.angle=THREE.MathUtils.degToRad(d); }); slider(body,'penumbra',0,1,0.01,L.penumbra, x=>L.penumbra=x); } if (r.type==='SpotLight'||r.type==='PointLight'){ slider(body,'distance',0,20,0.1,L.distance, x=>L.distance=x); slider(body,'decay',0,3,0.05,L.decay, x=>L.decay=x); } // reset + copy const br=el('div','','row'); const rs=el('button','reset selected'); rs.onclick=()=>{ resetRec(r); render(); }; br.append(rs); const cp=el('button','copy JSON'); cp.onclick=()=>{ const j=JSON.stringify(recToJSON(r),null,2); navigator.clipboard && navigator.clipboard.writeText(j); console.log('[lightedit] copied', j); }; br.append(cp); const fo=el('button','focus'); fo.onclick=()=>focusPulse(r); br.append(fo); body.append(br); } // ────────────── freeze / solo / mute / reset actions ────────────── function toggleSolo(r){ if (LE.soloRec===r){ // un-solo if (LE._soloVis){ records.forEach((x,i)=>{ x.light.visible = LE._soloVis[i]; }); LE._soloVis=null; } LE.soloRec=null; } else { if(!LE._soloVis) LE._soloVis = records.map(x=>x.light.visible); records.forEach(x=>{ x.light.visible = (x===r); }); LE.soloRec=r; } } function setFreeze(on){ LE.frozen=on; if (on){ if (LE._preFreeze==null) LE._preFreeze = (window.caveLightFlickerAmount==null?1:window.caveLightFlickerAmount); window.caveLightFlickerAmount = 0; } else { if (LE._preFreeze!=null){ window.caveLightFlickerAmount = LE._preFreeze; LE._preFreeze=null; } } badge.textContent = 'LIGHT EDIT · '+(on?'FLICKER FROZEN':'live')+' · L/H/F'; } function resetRec(r){ const s=r.snap, L=r.light; L.color.set(s.color); L.visible=s.visible; if (r.flickerDef) r.flickerDef.base=s.intensity; else L.intensity=s.intensity; if (s.position && L.position) L.position.set(s.position.x,s.position.y,s.position.z); if (s.target && L.target){ L.target.position.set(s.target.x,s.target.y,s.target.z); L.target.updateMatrixWorld(); } if (s.distance!=null) L.distance=s.distance; if (s.decay!=null) L.decay=s.decay; if (s.angle!=null) L.angle=s.angle; if (s.penumbra!=null) L.penumbra=s.penumbra; if (s.groundColor && L.groundColor) L.groundColor.set(s.groundColor); L.castShadow=s.castShadow; if (s.shadow && L.shadow){ L.shadow.mapSize.set(s.shadow.mapW,s.shadow.mapH); L.shadow.bias=s.shadow.bias; L.shadow.normalBias=s.shadow.normalBias; if (L.shadow.camera){ if(s.shadow.near!=null)L.shadow.camera.near=s.shadow.near; if(s.shadow.far!=null)L.shadow.camera.far=s.shadow.far; } if (L.shadow.map){ L.shadow.map.dispose(); L.shadow.map=null; } } } function resetGroup(g){ records.filter(r=>g==='All'||r.group===g).forEach(resetRec); } function resetAll(){ // restore every light + global baseline + remove debug lights + clear solo/freeze if (LE.soloRec) toggleSolo(LE.soloRec); if (LE.frozen) setFreeze(false); // remove debug lights LE.debugLights.slice().forEach(removeDebug); records.forEach(resetRec); renderer.toneMappingExposure = LE.globalBaseline.exposure; renderer.shadowMap.enabled = LE.globalBaseline.shadowMapEnabled; window.caveLightFlickerAmount = LE.globalBaseline.flickerAmount; } function focusPulse(r){ ensureHelpers(r); if(!r.orb)return; let t=0; const base=LE.helperSize; const iv=setInterval(()=>{ t+=1; r.orb.material.color.setHex((t%2)?0xffffff:(r.light.color?r.light.color.getHex():0xffffff)); if(t>6){ clearInterval(iv); } }, 90); } function renderActions(){ body.append(el('div','SOLO / MUTE / RESET','sec')); const r1=el('div','','row'); const fz=el('button', LE.frozen?'UNFREEZE flicker':'FREEZE flicker'); fz.classList.toggle('on',LE.frozen); fz.onclick=()=>{ setFreeze(!LE.frozen); render(); }; r1.append(fz); const ms=el('button','mute group'); ms.onclick=()=>{ const g=LE.groupFilter==='All'?null:LE.groupFilter; records.filter(r=>!g||r.group===g).forEach(r=>r.light.visible=false); }; r1.append(ms); body.append(r1); const r2=el('div','','row'); const rgs=el('button','reset group'); rgs.onclick=()=>{ resetGroup(LE.groupFilter); render(); }; r2.append(rgs); const ras=el('button','reset ALL → baseline'); ras.classList.add('warn'); ras.onclick=()=>{ resetAll(); render(); }; r2.append(ras); body.append(r2); const r3=el('div','','row'); const ch=el('button','only cave helpers'); ch.onclick=()=>{ LE.groupFilter='CAVE'; LE.selectedOnly=false; render(); }; r3.append(ch); const ph=el('button','only PO helpers'); ph.onclick=()=>{ LE.groupFilter='PO'; LE.selectedOnly=false; render(); }; r3.append(ph); body.append(r3); } // ────────────── shadows ────────────── function shadowCasterCount(){ return records.filter(r=>r.light.castShadow && r.light.visible).length; } function renderShadows(){ body.append(el('div','ADVANCED SHADOWS (debug · off by default)','sec')); const mr=el('div','','row'); const mb=el('button', renderer.shadowMap.enabled?'GLOBAL SHADOWS ON':'GLOBAL SHADOWS OFF'); mb.classList.toggle('on',renderer.shadowMap.enabled); mb.onclick=()=>{ renderer.shadowMap.enabled=!renderer.shadowMap.enabled; renderer.shadowMap.type=THREE.PCFSoftShadowMap; renderer.shadowMap.needsUpdate=true; forceMatUpdate(); render(); }; mr.append(mb); body.append(mr); body.append(el('div','Master switch flips renderer.shadowMap.enabled (baseline OFF). It is NOT saved into the exported rig unless you tick "include shadows" below. Restored on reset ALL / teardown.','mini')); const r=LE.selected; if (r && r.light.shadow){ const L=r.light; const cr=el('div','','row'); const cb=el('button', L.castShadow?'cast shadow ✓':'cast shadow'); cb.classList.toggle('on',L.castShadow); cb.onclick=()=>{ L.castShadow=!L.castShadow; if(L.shadow&&L.shadow.map){L.shadow.map.dispose();L.shadow.map=null;} render(); }; cr.append(cb); body.append(cr); if (L.castShadow){ const mapRow=el('div','','row'); mapRow.append(el('label','map size','f')); [512,1024,2048].forEach(s=>{ const b=el('button',String(s)); b.classList.toggle('on',L.shadow.mapSize.x===s); b.onclick=()=>{ L.shadow.mapSize.set(s,s); if(L.shadow.map){L.shadow.map.dispose();L.shadow.map=null;} render(); }; mapRow.append(b); }); body.append(mapRow); slider(body,'bias',-0.005,0.005,0.0001,L.shadow.bias, x=>L.shadow.bias=x); slider(body,'normalBias',0,3,0.01,L.shadow.normalBias, x=>L.shadow.normalBias=x); if (L.shadow.camera){ slider(body,'shadow near',0.01,5,0.01,L.shadow.camera.near, x=>{L.shadow.camera.near=x;L.shadow.camera.updateProjectionMatrix();}); slider(body,'shadow far',1,60,0.5,L.shadow.camera.far, x=>{L.shadow.camera.far=x;L.shadow.camera.updateProjectionMatrix();}); } } } else body.append(el('div','(selected light type has no shadow controls)','mini')); const n=shadowCasterCount(); const wb=el('div', 'shadow casters: '+n+(renderer.shadowMap.enabled?' · global ON':' · global OFF'),'warnbox'); if (renderer.shadowMap.enabled && n>=3) wb.textContent += ' · ⚠ several shadow maps active — watch performance'; body.append(wb); } function forceMatUpdate(){ [poScene,caveScene].forEach(s=>s.traverse(o=>{ if(o.isMesh&&o.material){ (Array.isArray(o.material)?o.material:[o.material]).forEach(m=>{ if(m)m.needsUpdate=true; }); } })); } // ────────────── export / import / profile ────────────── LE.includeShadows=false; function recToJSON(r){ const L=r.light, s={ id:r.id, label:r.label, group:r.group, type:r.type, enabled:L.visible, color:HEX(L.color), intensity: getIntensity(r), position: (L.position&&r.type!=='AmbientLight'&&r.type!=='HemisphereLight')?{x:round(L.position.x),y:round(L.position.y),z:round(L.position.z)}:null, target: L.target?{x:round(L.target.position.x),y:round(L.target.position.y),z:round(L.target.position.z)}:null, distance: L.distance!=null?round(L.distance):null, decay:L.decay!=null?round(L.decay):null, angle: L.angle!=null?round(L.angle,4):null, penumbra:L.penumbra!=null?round(L.penumbra):null, groundColor: L.groundColor?HEX(L.groundColor):null, dynamic:{ flickered:!!r.flickerDef, frozen:LE.frozen }, debugCreated:!!r.debugCreated }; if (LE.includeShadows) s.shadow = { castShadow:!!L.castShadow, mapSize:L.shadow?L.shadow.mapSize.x:null, bias:L.shadow?L.shadow.bias:null, normalBias:L.shadow?L.shadow.normalBias:null, near:L.shadow&&L.shadow.camera?L.shadow.camera.near:null, far:L.shadow&&L.shadow.camera?L.shadow.camera.far:null }; return s; } function exportRig(){ return { schemaVersion:SCHEMA_VERSION, sourceHash:SOURCE_HASH, generatedInMode:window.caveLightingMode, note:'KOKUIN lightedit debug rig — apply ONLY under lightedit=1; hardcode later in a controlled pass', global:{ toneMappingExposure:round(renderer.toneMappingExposure,4), shadowMapEnabled: LE.includeShadows?renderer.shadowMap.enabled:undefined, caveLightFlickerAmount: round(window.caveLightFlickerAmount==null?1:window.caveLightFlickerAmount,3) }, lights: records.map(recToJSON) }; } function applyRig(json){ const j=(typeof json==='string')?JSON.parse(json):json; if(!j||!j.lights) throw new Error('bad rig'); if (j.sourceHash && j.sourceHash!==SOURCE_HASH) console.warn('[lightedit] rig sourceHash differs — profile may be STALE for this viewer.html'); // recreate debug lights present in rig but not live j.lights.filter(x=>x.debugCreated).forEach(x=>{ if(!records.some(r=>r.id===x.id)) createDebug(x.type, x.group, x); }); j.lights.forEach(x=>{ const r=records.find(rr=>rr.id===x.id); if(!r)return; const L=r.light; if(x.color)L.color.set(x.color); if(x.enabled!=null)L.visible=x.enabled; if(x.intensity!=null) setIntensity(r,x.intensity); if(x.position&&L.position)L.position.set(x.position.x,x.position.y,x.position.z); if(x.target&&L.target){L.target.position.set(x.target.x,x.target.y,x.target.z);L.target.updateMatrixWorld();} if(x.distance!=null&&L.distance!=null)L.distance=x.distance; if(x.decay!=null&&L.decay!=null)L.decay=x.decay; if(x.angle!=null&&L.angle!=null)L.angle=x.angle; if(x.penumbra!=null&&L.penumbra!=null)L.penumbra=x.penumbra; if(x.groundColor&&L.groundColor)L.groundColor.set(x.groundColor); if(x.shadow&&L.shadow){ L.castShadow=!!x.shadow.castShadow; if(x.shadow.mapSize)L.shadow.mapSize.set(x.shadow.mapSize,x.shadow.mapSize); if(x.shadow.bias!=null)L.shadow.bias=x.shadow.bias; if(x.shadow.normalBias!=null)L.shadow.normalBias=x.shadow.normalBias; } }); if (j.global){ if(j.global.toneMappingExposure!=null)renderer.toneMappingExposure=j.global.toneMappingExposure; if(j.global.caveLightFlickerAmount!=null)window.caveLightFlickerAmount=j.global.caveLightFlickerAmount; if(j.global.shadowMapEnabled!=null){renderer.shadowMap.enabled=j.global.shadowMapEnabled;renderer.shadowMap.type=THREE.PCFSoftShadowMap;forceMatUpdate();} } render(); } window.kokuinExportLightRig = exportRig; window.kokuinApplyLightRig = applyRig; window.kokuinResetLightRig = ()=>{ resetAll(); render(); }; function renderProfile(){ body.append(el('div','SAVE / EXPORT (debug profile — never read in normal mode)','sec')); const inc=el('div','','row'); const ib=el('button', LE.includeShadows?'shadows: IN rig':'shadows: excluded'); ib.classList.toggle('on',LE.includeShadows); ib.onclick=()=>{ LE.includeShadows=!LE.includeShadows; render(); }; inc.append(ib); body.append(inc); const r1=el('div','','row'); const eb=el('button','export → console'); eb.onclick=()=>{ const j=JSON.stringify(exportRig(),null,2); console.log('[lightedit] RIG:\n'+j); navigator.clipboard && navigator.clipboard.writeText(j); eb.textContent='copied ✓'; setTimeout(()=>eb.textContent='export → console',1200); }; r1.append(eb); body.append(r1); const r2=el('div','','row'); const sv=el('button','save profile'); sv.onclick=()=>{ try{ localStorage.setItem(LS_PROFILE_KEY, JSON.stringify(exportRig())); sv.textContent='saved ✓'; setTimeout(()=>sv.textContent='save profile',1200); }catch(e){console.warn(e);} }; r2.append(sv); const ld=el('button','load profile'); ld.onclick=()=>{ try{ const s=localStorage.getItem(LS_PROFILE_KEY); if(s){applyRig(s);} else console.warn('[lightedit] no saved profile'); }catch(e){console.warn(e);} }; r2.append(ld); const rp=el('button','clear profile'); rp.onclick=()=>{ localStorage.removeItem(LS_PROFILE_KEY); }; r2.append(rp); body.append(r2); const r3=el('div','','row'); const paste=el('button','import from clipboard'); paste.onclick=async()=>{ try{ const t=await navigator.clipboard.readText(); applyRig(t); }catch(e){ console.warn('[lightedit] paste failed',e); } }; r3.append(paste); body.append(r3); body.append(el('div','API: window.kokuinExportLightRig() · kokuinApplyLightRig(json) · kokuinResetLightRig()','mini')); } // ────────────── Phase 2 — add / duplicate / delete / clone-as ────────────── function createLightOfType(type){ let L; if(type==='PointLight')L=new THREE.PointLight(0xffffff,3,5,2); else if(type==='SpotLight')L=new THREE.SpotLight(0xffffff,10,8,0.5,0.3,2); else if(type==='DirectionalLight')L=new THREE.DirectionalLight(0xffffff,1); else if(type==='AmbientLight')L=new THREE.AmbientLight(0xffffff,0.3); else if(type==='HemisphereLight')L=new THREE.HemisphereLight(0xaaccff,0x332211,0.5); else L=new THREE.PointLight(0xffffff,3,5,2); return L; } function createDebug(type, group, seed){ const scene = group==='PO'?poScene:caveScene; const L=createLightOfType(type); const id='dbg_'+(++LE.debugCounter); L.name='LE_DEBUG_'+id; if (L.target){ scene.add(L.target); } // seed values if (seed){ if(seed.color)L.color.set(seed.color); if(seed.intensity!=null)L.intensity=seed.intensity; if(seed.position&&L.position)L.position.set(seed.position.x,seed.position.y,seed.position.z); if(seed.target&&L.target){L.target.position.set(seed.target.x,seed.target.y,seed.target.z);L.target.updateMatrixWorld();} if(seed.distance!=null&&L.distance!=null)L.distance=seed.distance; if(seed.decay!=null&&L.decay!=null)L.decay=seed.decay; if(seed.angle!=null&&L.angle!=null)L.angle=seed.angle; if(seed.penumbra!=null&&L.penumbra!=null)L.penumbra=seed.penumbra; } else if (L.position){ // spawn near current selection or scene origin const ref=LE.selected&&LE.selected.light.position; if(ref)L.position.copy(ref).add(new THREE.Vector3(0.4,0.2,0.4)); else L.position.set(0,2,1); } scene.add(L); const rec={ id: (seed&&seed.id)||id, label:(seed&&seed.label)||('DEBUG '+type.replace('Light','')+' '+id), group, scene, light:L, type:L.type, flickerDef:null, canonical:false, debugCreated:true, orb:null,tOrb:null,line:null,ring:null,rangeSphere:null, snap:null }; rec.snap=snapOf(rec); records.push(rec); byLight.set(L,rec); LE.debugLights.push(rec); ensureHelpers(rec); return rec; } function removeDebug(rec){ if(!rec.debugCreated)return; const s=rec.scene, L=rec.light; [rec.orb,rec.tOrb,rec.line,rec.rangeSphere].forEach(o=>{ if(o){ o.parent&&o.parent.remove(o); o.geometry&&o.geometry.dispose&&o.geometry.dispose(); o.material&&o.material.dispose&&o.material.dispose(); } }); if(L.target)s.remove(L.target); s.remove(L); let i=records.indexOf(rec); if(i>=0)records.splice(i,1); i=LE.debugLights.indexOf(rec); if(i>=0)LE.debugLights.splice(i,1); byLight.delete(L); if(LE.selected===rec)LE.selected=null; } function renderPhase2(){ body.append(el('div','ADD / DUPLICATE / DELETE (debug lights)','sec')); const addRow=el('div','','row'); const tsel=el('select'); ['PointLight','SpotLight','DirectionalLight','AmbientLight','HemisphereLight'].forEach(t=>{ const o=el('option',t.replace('Light','')); o.value=t; tsel.append(o); }); tsel.style.flex='1'; addRow.append(tsel); const gsel=el('select'); [['CAVE','Cave'],['PO','PO']].forEach(([g,lab])=>{ const o=el('option',lab); o.value=g; gsel.append(o); }); gsel.style.flex='0 0 70px'; gsel.value = LE.groupFilter==='PO'?'PO':'CAVE'; addRow.append(gsel); const ab=el('button','add'); ab.style.flex='0 0 44px'; ab.onclick=()=>{ const r=createDebug(tsel.value,gsel.value); LE.selected=r; render(); }; addRow.append(ab); body.append(addRow); const r2=el('div','','row'); const dup=el('button','duplicate selected'); dup.onclick=()=>{ const r=LE.selected; if(!r)return; const j=recToJSON(r); const nr=createDebug(r.type,r.group,j); if(nr.light.position)nr.light.position.add(new THREE.Vector3(0.3,0.15,0.3)); LE.selected=nr; render(); }; r2.append(dup); body.append(r2); const r3=el('div','','row'); const del=el('button','delete selected (debug only)'); del.classList.add('warn'); del.onclick=()=>{ const r=LE.selected; if(!r)return; if(!r.debugCreated){ alert('Canonical/imported light cannot be deleted — use disable/mute instead.'); return; } if(confirm('Delete debug light "'+r.label+'"?')){ removeDebug(r); LE.selected=null; render(); } }; r3.append(del); body.append(r3); // Clone As… body.append(el('div','CLONE AS… (safe type test — never converts canonical in place)','cap')); const cr=el('div','','row'); const csel=el('select'); ['PointLight','SpotLight','DirectionalLight'].forEach(t=>{ const o=el('option',t.replace('Light','')); o.value=t; csel.append(o); }); csel.style.flex='1'; cr.append(csel); const cb=el('button','clone + mute orig'); cb.style.flex='0 0 110px'; cb.onclick=()=>{ const r=LE.selected; if(!r)return; const j=recToJSON(r); const nr=createDebug(csel.value, r.group, { color:j.color, intensity:j.intensity, position:j.position, target:j.target, distance:j.distance, decay:j.decay }); r.light.visible=false; LE.selected=nr; render(); }; cr.append(cb); body.append(cr); } // ────────────── global (use last) ────────────── function renderGlobal(){ body.append(el('div','GLOBAL — USE LAST','sec')); slider(body,'exposure',0,2,0.01,renderer.toneMappingExposure, x=>renderer.toneMappingExposure=x); const r=el('div','','row'); const rb=el('button','reset exposure → baseline'); rb.onclick=()=>{ renderer.toneMappingExposure=LE.globalBaseline.exposure; render(); }; r.append(rb); body.append(r); body.append(el('div','exposure is a global renderer setting — tune it LAST, after per-light work.','mini')); } // ════════════════════════════ click-to-select (orb picking across split viewport) ════════════════════════════ const ray = new THREE.Raycaster(); ray.params.Line = { threshold: 0.2 }; const cvs = renderer.domElement; cvs.addEventListener('pointerdown', e=>{ if (!LE.helpersOn) return; const rect = cvs.getBoundingClientRect(); const fx=(e.clientX-rect.left)/rect.width, fy=(e.clientY-rect.top)/rect.height; // split: top 60% = PO (window.camera), bottom 40% = cave (active cave cam). Try the band under the cursor first, then the other. const tries = fy < 0.6 ? [ {scene:poScene, cam:poCam, x:fx, y:fy/0.6}, {scene:caveScene, cam:caveCam(), x:fx, y:(fy-0.6)/0.4} ] : [ {scene:caveScene, cam:caveCam(), x:fx, y:(fy-0.6)/0.4}, {scene:poScene, cam:poCam, x:fx, y:fy/0.6} ]; for (const t of tries){ if (!t.cam) continue; if (t.y<0||t.y>1) continue; const ndc=new THREE.Vector2(t.x*2-1, -(t.y*2-1)); ray.setFromCamera(ndc, t.cam); const orbs = records.filter(r=>r.orb&&r.orb.visible&&r.scene===t.scene).map(r=>r.orb); const hit = ray.intersectObjects(orbs, false)[0]; if (hit){ const rec = records.find(r=>r.orb===hit.object || (r.ring&&r.ring===hit.object)); if(rec){ LE.selected=rec; render(); return; } } } }, true); // ════════════════════════════ keyboard (independent of KOKUIN_PRESENTATION_MODE; only under lightedit) ════════════════════════════ window.addEventListener('keydown', e=>{ const tag=(e.target&&e.target.tagName)||''; if(/INPUT|TEXTAREA|SELECT/.test(tag)) return; if(e.key==='l'||e.key==='L'){ P.style.display=(P.style.display==='none')?'':'none'; e.stopPropagation(); } else if(e.key==='h'||e.key==='H'){ LE.helpersOn=!LE.helpersOn; render(); e.stopPropagation(); } else if(e.key==='f'||e.key==='F'){ setFreeze(!LE.frozen); render(); e.stopPropagation(); } else if(e.key==='Escape'){ if(LE.soloRec)toggleSolo(LE.soloRec); LE.selected=null; render(); e.stopPropagation(); } }, true); // ── teardown (manual) — restores baseline, removes all editor DOM/helpers ── window.kokuinLightEditTeardown = function(){ resetAll(); LE.disposed=true; records.forEach(r=>[r.orb,r.tOrb,r.line,r.rangeSphere].forEach(o=>{ if(o){o.parent&&o.parent.remove(o);} })); P.remove(); badge.remove(); st.remove(); console.log('[lightedit] torn down — baseline restored'); }; render(); console.log('[lightedit] READY · '+records.length+' lights · export → window.kokuinExportLightRig() · L/H/F keys · teardown → window.kokuinLightEditTeardown()'); } })(); } { (function(){ const Q = new URLSearchParams(location.search); if (Q.get('smokeedit') !== '1') return; // ★ ABSOLUTE GATE const conflicts = []; if (Q.get('lightedit') === '1') conflicts.push('lightedit=1'); if (Q.get('physicalinspect') === '1') conflicts.push('physicalinspect=1'); if (Q.get('smoketest') === '1') conflicts.push('smoketest=1'); if (conflicts.length){ const w=document.createElement('div'); w.style.cssText='position:fixed;left:50%;top:14px;transform:translateX(-50%);z-index:99999;background:#3a1010;'+ 'color:#ffdcdc;border:1px solid #ff6060;border-radius:6px;padding:9px 14px;font:12px monospace;text-align:center;max-width:80vw;'; w.textContent='⚠ SMOKE EDITOR DISABLED — cannot run alongside '+conflicts.join(' + ')+'. Remove it to use smokeedit.'; const add=()=>document.body&&document.body.appendChild(w); if(document.body)add(); else document.addEventListener('DOMContentLoaded',add); console.warn('[smokeedit] refused —',conflicts.join(', ')); return; } const SOURCE_HASH='(post-lighting 15CF06BA… + smoke shader split 2026-07-21)'; const LS_KEY='kokuin_smokeedit_profile_v1'; // ISOLATED — read/written ONLY here, ONLY under smokeedit=1 function ready(){ return window._incenseSmoke && window._incenseSmoke.wisps && window._incenseSmoke.wisps.length>=5; } let waited=0; (function poll(){ if(ready()) return init(); if((waited+=150)>20000){ console.warn('[smokeedit] smoke not ready after 20s'); return; } setTimeout(poll,150); })(); function init(){ if(window.__smokeEdit) return; const SE=window.__smokeEdit={}; const S=window._incenseSmoke, wisps=S.wisps; const ROLES=[ {id:'A',label:'A · right · up-and-over'}, {id:'B',label:'B · right · horizontal'}, {id:'C',label:'C · right · slight-down'}, {id:'D',label:'D · left · horizontal (faint)'}, {id:'E',label:'E · left · slight-down (faint)'} ]; const round=(v,n=4)=>v==null?null:+(+v).toFixed(n); // read a strand's live state into a model object function readStrand(i){ const w=wisps[i], u=w.u; const dir=(u.uDriftDir.value<0?-1:1); return { enabled:w.mesh.visible, opacity:u.uOpacity.value, width:u.uWidth.value, length:u.uFade.value, speed:u.uRise.value, hdrift:dir*Math.abs(u.uHorizDrift.value), vdrift:u.uVDrift.value, lift:u.uLift.value, curl:u.uCurl.value, turb:u.uTurb.value, fadeIn:u.uStart.value, phase:u.uPhase.value, posX:w.mesh.position.x, posY:w.mesh.position.y, posZ:w.mesh.position.z }; } // ── page-load BASELINE = the production state as BUILT (A/B/C preserved, D/E leftward-faint DISABLED) ── SE.baseline = wisps.map((_,i)=>readStrand(i)); SE.globalBaseline = { opacityMul:1, speedMul:1, turbMul:1, allEnabled:!!window.debugIncenseSmoke, frozen:false }; // ── ROLE DEFAULTS = the editor's starting arrangement + per-strand "reset" target (applied live on open) ── const ROLE_DEFAULTS=[ // ★ FINAL RIG 2026-07-21 — matches the production build exactly (open/reset/export reproduce these) { enabled:true, opacity:0.19, width:0.065, length:0.70, speed:0.06, hdrift: 1.13, vdrift: 0.0042, lift:0.035, curl:0.28, turb:0.85, fadeIn:0.00, phase:1.35, posX:0, posY:0, posZ:0 }, // A up-and-over { enabled:true, opacity:0.13, width:0.141, length:0.90, speed:0.23, hdrift: 0.88, vdrift:-0.016, lift:0.003, curl:0.322, turb:1.05, fadeIn:0.14, phase:4.35, posX:0, posY:0, posZ:0 }, // B flatter+faster { enabled:true, opacity:0.235, width:0.059, length:0.57, speed:0.06, hdrift: 0.96, vdrift:-0.025, lift:0.028, curl:0.19, turb:0.85, fadeIn:0.26, phase:0.45, posX:0.2, posY:-0.18, posZ:-0.28 }, // C slight-down + offset { enabled:true, opacity:0.135, width:0.067, length:0.85, speed:0.12, hdrift:-0.72, vdrift: 0.000, lift:0.014, curl:0.365, turb:0.60, fadeIn:0.10, phase:1.10, posX:0, posY:0, posZ:0 }, // D leftward horizontal { enabled:true, opacity:0.165, width:0.039, length:0.60, speed:0.06, hdrift:-0.60, vdrift:-0.027, lift:0.014, curl:0.50, turb:1.19, fadeIn:0.05, phase:3.40, posX:0, posY:0, posZ:0 } // E leftward slight-down ]; const clone=o=>JSON.parse(JSON.stringify(o)); SE.model = ROLE_DEFAULTS.map(clone); SE.G = { opacityMul:1, speedMul:1, turbMul:1, frozen:false, frozenT:0 }; SE.solo = null; SE.sel = 0; // ── apply model → live uniforms (global multipliers fold in; solo overrides visibility) ── function applyStrand(i){ const m=SE.model[i], w=wisps[i], u=w.u; w.mesh.visible = (SE.solo==null) ? !!m.enabled : (i===SE.solo); u.uOpacity.value=m.opacity*SE.G.opacityMul; u.uWidth.value=m.width; u.uFade.value=m.length; u.uRise.value=m.speed*SE.G.speedMul; u.uDriftDir.value=(m.hdrift<0?-1:1); u.uHorizDrift.value=Math.abs(m.hdrift); u.uVDrift.value=m.vdrift; u.uLift.value=m.lift; u.uCurl.value=m.curl; u.uTurb.value=m.turb*SE.G.turbMul; u.uStart.value=m.fadeIn; u.uPhase.value=m.phase; w.mesh.position.set(m.posX,m.posY,m.posZ); } function applyAll(){ for(let i=0;iw.u.uTime.value=SE.G.frozenT); } }; function setFreeze(on){ SE.G.frozen=on; if(on) SE.G.frozenT=(window._showT?window._showT():0); } function resetStrand(i){ SE.model[i]=clone(ROLE_DEFAULTS[i]); applyStrand(i); } function resetAll(){ SE.model=ROLE_DEFAULTS.map(clone); SE.solo=null; applyAll(); } function resetToPageLoad(){ SE.solo=null; SE.G={opacityMul:1,speedMul:1,turbMul:1,frozen:false,frozenT:0}; SE.model = SE.baseline.map(clone); applyAll(); window.setIncenseSmokeEnabled(SE.globalBaseline.allEnabled); } // apply the role arrangement now (under smokeedit only) applyAll(); // ════════════════════════════ PANEL ════════════════════════════ const st=document.createElement('style'); st.textContent=` #smkPanel{position:fixed;right:12px;top:12px;width:300px;max-height:96vh;overflow-y:auto;z-index:9400; background:rgba(10,8,6,0.93);border:1px solid #6a5a44;border-radius:7px;padding:10px;font:12px/1.4 monospace;color:#e8dfd2;box-shadow:0 8px 40px rgba(0,0,0,.6);} #smkPanel.collapsed{max-height:44px;overflow:hidden;} #smkPanel h1{font-size:12px;color:#ffcf8a;letter-spacing:.5px;margin:0 0 6px;display:flex;gap:8px;align-items:center;} #smkPanel .sec{color:#ffcf8a;font-size:10px;letter-spacing:.5px;margin:9px 0 3px;border-top:1px solid #6a5a4433;padding-top:6px;} #smkPanel .cap{font-size:10px;color:#a89a86;margin:2px 0;} #smkPanel .row{display:flex;gap:5px;align-items:center;margin:3px 0;} #smkPanel label.f{flex:0 0 78px;font-size:10px;color:#a89a86;} #smkPanel input[type=number]{width:60px;background:#1a1510;color:#e8dfd2;border:1px solid #6a5a44;font:11px monospace;padding:3px;border-radius:3px;} #smkPanel input[type=range]{flex:1;min-width:60px;} #smkPanel select{width:100%;background:#1a1510;color:#e8dfd2;border:1px solid #6a5a44;font:11px monospace;padding:4px;border-radius:3px;} #smkPanel button{background:#1a1510;color:#d8c8b0;border:1px solid #6a5a44;font:10px monospace;padding:5px 4px;border-radius:4px;cursor:pointer;flex:1;} #smkPanel button:hover{background:#2a2016;} #smkPanel button.on{background:#3a2e14;color:#ffe0a0;border-color:#ffcf8a88;} #smkPanel button.warn{color:#ff9a9a;border-color:#ff606055;} #smkPanel .mini{font-size:9px;color:#8c8073;} #smkPanel .warnbox{background:#2a1408;border:1px solid #6a5a44;border-radius:4px;padding:5px;font-size:10px;color:#e8c9a0;margin:4px 0;}`; document.head.appendChild(st); const P=document.createElement('div'); P.id='smkPanel'; const add=()=>document.body&&document.body.appendChild(P); if(document.body)add(); else document.addEventListener('DOMContentLoaded',add); const el=(t,x,c)=>{const d=document.createElement(t); if(x!=null)d.textContent=x; if(c)d.className=c; return d;}; const h1=el('h1'); h1.append(el('span','SMOKE — DEBUG ONLY')); const colBtn=el('button','▬'); colBtn.style.flex='0 0 26px'; colBtn.onclick=()=>P.classList.toggle('collapsed'); h1.append(colBtn); P.append(h1); const body=el('div'); P.append(body); function slider(parent,label,min,max,step,get,set){ const row=el('div','','row'); row.append(el('label',label,'f')); const num=el('input'); num.type='number'; num.step=step; num.value=round(get(),4); const rng=el('input'); rng.type='range'; rng.min=min; rng.max=max; rng.step=step; rng.value=get(); num.oninput=()=>{ const x=parseFloat(num.value); if(isNaN(x))return; rng.value=x; set(x); }; rng.oninput=()=>{ const x=parseFloat(rng.value); num.value=round(x,4); set(x); }; row.append(num,rng); parent.append(row); } function render(){ body.innerHTML=''; // strand select body.append(el('div','STRAND','sec')); const sel=el('select'); ROLES.forEach((r,i)=>{ const o=el('option',r.label); o.value=i; if(i===SE.sel)o.selected=true; sel.append(o); }); sel.onchange=()=>{ SE.sel=+sel.value; render(); }; body.append(sel); const m=SE.model[SE.sel]; const tr=el('div','','row'); const eb=el('button', m.enabled?'enabled':'disabled'); eb.classList.toggle('on',m.enabled); eb.onclick=()=>{ m.enabled=!m.enabled; applyStrand(SE.sel); render(); }; tr.append(eb); const sb=el('button', SE.solo===SE.sel?'SOLO ✓':'solo'); sb.classList.toggle('on',SE.solo===SE.sel); sb.onclick=()=>{ SE.solo=(SE.solo===SE.sel)?null:SE.sel; applyAll(); render(); }; tr.append(sb); body.append(tr); body.append(el('div','opacity · width · length','cap')); slider(body,'opacity',0,0.4,0.005,()=>m.opacity,x=>{m.opacity=x;applyStrand(SE.sel);}); slider(body,'width',0.005,0.2,0.002,()=>m.width,x=>{m.width=x;applyStrand(SE.sel);}); slider(body,'length',0.1,1.0,0.01,()=>m.length,x=>{m.length=x;applyStrand(SE.sel);}); body.append(el('div','motion','cap')); slider(body,'speed',0,0.3,0.005,()=>m.speed,x=>{m.speed=x;applyStrand(SE.sel);}); slider(body,'H drift ←→',-1.2,1.2,0.01,()=>m.hdrift,x=>{m.hdrift=x;applyStrand(SE.sel);}); slider(body,'V drift ↓↑',-0.05,0.05,0.001,()=>m.vdrift,x=>{m.vdrift=x;applyStrand(SE.sel);}); slider(body,'initial lift',0,0.1,0.001,()=>m.lift,x=>{m.lift=x;applyStrand(SE.sel);}); slider(body,'curl',0,0.6,0.005,()=>m.curl,x=>{m.curl=x;applyStrand(SE.sel);}); slider(body,'turbulence',0,2,0.05,()=>m.turb,x=>{m.turb=x;applyStrand(SE.sel);}); slider(body,'fade-in',0,0.5,0.01,()=>m.fadeIn,x=>{m.fadeIn=x;applyStrand(SE.sel);}); slider(body,'phase',0,6.28,0.05,()=>m.phase,x=>{m.phase=x;applyStrand(SE.sel);}); body.append(el('div','start-position offset','cap')); slider(body,'start X',-0.6,0.6,0.01,()=>m.posX,x=>{m.posX=x;applyStrand(SE.sel);}); slider(body,'start Y',-0.6,0.6,0.01,()=>m.posY,x=>{m.posY=x;applyStrand(SE.sel);}); slider(body,'start Z',-0.6,0.6,0.01,()=>m.posZ,x=>{m.posZ=x;applyStrand(SE.sel);}); const rr=el('div','','row'); const rs=el('button','reset strand'); rs.onclick=()=>{ resetStrand(SE.sel); render(); }; rr.append(rs); const cp=el('button','copy strand JSON'); cp.onclick=()=>{ navigator.clipboard&&navigator.clipboard.writeText(JSON.stringify(m,null,2)); }; rr.append(cp); body.append(rr); // GLOBAL body.append(el('div','GLOBAL','sec')); const gr=el('div','','row'); const ge=el('button', window.debugIncenseSmoke?'all smoke ON':'all smoke OFF'); ge.classList.toggle('on',!!window.debugIncenseSmoke); ge.onclick=()=>{ window.setIncenseSmokeEnabled(!window.debugIncenseSmoke); render(); }; gr.append(ge); const fz=el('button', SE.G.frozen?'FROZEN':'freeze'); fz.classList.toggle('on',SE.G.frozen); fz.onclick=()=>{ setFreeze(!SE.G.frozen); render(); }; gr.append(fz); body.append(gr); slider(body,'opacity ×',0,2,0.01,()=>SE.G.opacityMul,x=>{SE.G.opacityMul=x;applyAll();}); slider(body,'speed ×',0,2,0.01,()=>SE.G.speedMul,x=>{SE.G.speedMul=x;applyAll();}); slider(body,'turbulence ×',0,2,0.01,()=>SE.G.turbMul,x=>{SE.G.turbMul=x;applyAll();}); const gr2=el('div','','row'); const ra=el('button','reset all strands'); ra.onclick=()=>{ resetAll(); render(); }; gr2.append(ra); const rb=el('button','reset → page-load'); rb.classList.add('warn'); rb.onclick=()=>{ resetToPageLoad(); render(); }; gr2.append(rb); body.append(gr2); const nOn=SE.model.filter((s,i)=>SE.solo==null?s.enabled:i===SE.solo).length; const wb=el('div','active strands: '+nOn+'/5'+(nOn>=5?' · ⚠ all five on — keep secondary strands subtler':''),'warnbox'); body.append(wb); // PROFILE body.append(el('div','SAVE / EXPORT (never read in normal mode)','sec')); const pr=el('div','','row'); const ex=el('button','export → console'); ex.onclick=()=>{ const j=JSON.stringify(exportRig(),null,2); console.log('[smokeedit] RIG:\n'+j); navigator.clipboard&&navigator.clipboard.writeText(j); ex.textContent='copied ✓'; setTimeout(()=>ex.textContent='export → console',1200); }; pr.append(ex); body.append(pr); const pr2=el('div','','row'); const sv=el('button','save'); sv.onclick=()=>{ try{ localStorage.setItem(LS_KEY,JSON.stringify(exportRig())); sv.textContent='saved ✓'; setTimeout(()=>sv.textContent='save',1000);}catch(e){} }; pr2.append(sv); const ld=el('button','load'); ld.onclick=()=>{ try{ const s=localStorage.getItem(LS_KEY); if(s){applyRig(s);} }catch(e){} }; pr2.append(ld); const cl=el('button','clear'); cl.onclick=()=>localStorage.removeItem(LS_KEY); pr2.append(cl); body.append(pr2); const pr3=el('div','','row'); const im=el('button','import from clipboard'); im.onclick=async()=>{ try{ applyRig(await navigator.clipboard.readText()); }catch(e){ console.warn('[smokeedit] import failed',e); } }; pr3.append(im); body.append(pr3); body.append(el('div','API: kokuinExportSmokeRig() · kokuinApplySmokeRig(json) · kokuinResetSmokeRig()','mini')); body.append(el('div','L: physical dusty smoke · normal blending · no glow/fog (locked)','mini')); } // ── export / import ── function exportRig(){ return { schemaVersion:1, sourceHash:SOURCE_HASH, generatedInMode:window.caveLightingMode, note:'KOKUIN smoke rig — apply ONLY under smokeedit=1; hardcode later in a controlled pass', global:{ opacityMul:round(SE.G.opacityMul,3), speedMul:round(SE.G.speedMul,3), turbMul:round(SE.G.turbMul,3), allSmokeEnabled:!!window.debugIncenseSmoke, frozen:SE.G.frozen }, strands: SE.model.map((m,i)=>({ id:ROLES[i].id, role:ROLES[i].label, enabled:m.enabled, opacity:round(m.opacity), width:round(m.width), length:round(m.length), speed:round(m.speed), hdrift:round(m.hdrift), vdrift:round(m.vdrift), lift:round(m.lift), curl:round(m.curl), turb:round(m.turb), fadeIn:round(m.fadeIn), phase:round(m.phase), posX:round(m.posX), posY:round(m.posY), posZ:round(m.posZ) })) }; } function applyRig(json){ const j=(typeof json==='string')?JSON.parse(json):json; if(!j||!j.strands) throw new Error('bad smoke rig'); j.strands.forEach((sd,i)=>{ if(i>=SE.model.length) return; const m=SE.model[i]; ['enabled','opacity','width','length','speed','hdrift','vdrift','lift','curl','turb','fadeIn','phase','posX','posY','posZ'].forEach(k=>{ if(sd[k]!=null) m[k]=sd[k]; }); }); if(j.global){ if(j.global.opacityMul!=null)SE.G.opacityMul=j.global.opacityMul; if(j.global.speedMul!=null)SE.G.speedMul=j.global.speedMul; if(j.global.turbMul!=null)SE.G.turbMul=j.global.turbMul; if(j.global.allSmokeEnabled!=null)window.setIncenseSmokeEnabled(j.global.allSmokeEnabled); } applyAll(); render(); } window.kokuinExportSmokeRig=exportRig; window.kokuinApplySmokeRig=applyRig; window.kokuinResetSmokeRig=()=>{ resetToPageLoad(); render(); }; // ── teardown — restore page-load baseline + remove editor ── window.kokuinSmokeEditTeardown=function(){ resetToPageLoad(); window._updateIncenseSmoke=_origUpdate; SE.disposed=true; P.remove(); st.remove(); console.log('[smokeedit] torn down — smoke baseline restored'); }; // ── keys: L toggle panel, F freeze, Esc clear solo (ignored while typing) ── window.addEventListener('keydown',e=>{ const tag=(e.target&&e.target.tagName)||''; if(/INPUT|TEXTAREA|SELECT/.test(tag)) return; if(e.key==='l'||e.key==='L'){ P.style.display=(P.style.display==='none')?'':'none'; e.stopPropagation(); } else if(e.key==='f'||e.key==='F'){ setFreeze(!SE.G.frozen); render(); e.stopPropagation(); } else if(e.key==='Escape'){ if(SE.solo!=null){ SE.solo=null; applyAll(); render(); e.stopPropagation(); } } },true); render(); console.log('[smokeedit] READY · 5 strands (A/B/C on · D/E off) · export → window.kokuinExportSmokeRig() · teardown → window.kokuinSmokeEditTeardown()'); } })(); } })().catch((error) => { console.error("KOKUIN NEORT startup failed:", error); });