/* === 3D Scenes — STL model viewers with CSS 3D fallback ============= */
var _r3 = React;
/* --- Detect WebGL ---------------------------------------------------- */
var _webglOk = (function () {
try {
var c = document.createElement("canvas");
return !!(c.getContext("webgl") || c.getContext("experimental-webgl"));
} catch (e) { return false; }
})();
/* --- Load Three.js on demand ----------------------------------------- */
var _threePromise = null;
function loadThree() {
if (window.THREE) return Promise.resolve(window.THREE);
if (_threePromise) return _threePromise;
_threePromise = new Promise(function (resolve, reject) {
var s = document.createElement("script");
s.src = "https://unpkg.com/three@0.158.0/build/three.min.js";
s.onload = function () { resolve(window.THREE); };
s.onerror = function () { reject(new Error("3D engine failed")); };
document.head.appendChild(s);
});
return _threePromise;
}
/* --- Binary STL parser ----------------------------------------------- */
function parseSTLBinary(buffer) {
var dv = new DataView(buffer);
var numTri = dv.getUint32(80, true);
var positions = new Float32Array(numTri * 9);
var normals = new Float32Array(numTri * 9);
var off = 84;
for (var i = 0; i < numTri; i++) {
var nx = dv.getFloat32(off, true);
var ny = dv.getFloat32(off + 4, true);
var nz = dv.getFloat32(off + 8, true);
off += 12;
for (var v = 0; v < 3; v++) {
var idx = i * 9 + v * 3;
positions[idx] = dv.getFloat32(off, true);
positions[idx + 1] = dv.getFloat32(off + 4, true);
positions[idx + 2] = dv.getFloat32(off + 8, true);
normals[idx] = nx;
normals[idx + 1] = ny;
normals[idx + 2] = nz;
off += 12;
}
off += 2;
}
return { positions: positions, normals: normals };
}
/* --- Fetch with progress --------------------------------------------- */
function fetchWithProgress(url, onProgress) {
return fetch(url).then(function (res) {
if (!res.ok) throw new Error("Model not found (" + res.status + ")");
var total = parseInt(res.headers.get("content-length") || "0", 10);
var reader = res.body.getReader();
var chunks = [];
var received = 0;
function pump() {
return reader.read().then(function (result) {
if (result.done) return new Blob(chunks).arrayBuffer();
chunks.push(result.value);
received += result.value.length;
if (total > 0) onProgress(Math.round((received / total) * 100));
return pump();
});
}
return pump();
});
}
/* --- STL Model Viewer ------------------------------------------------ */
function ModelViewer(props) {
var url = props.url;
var label = props.label;
var color = props.color || 0x5bb1e8;
var emissive = props.emissive || 0x112233;
var autoSpeed = props.autoSpeed || 0.004;
var containerRef = _r3.useRef(null);
var stateRef = _r3.useRef({});
var _s = _r3.useState("loading");
var status = _s[0], setStatus = _s[1];
var _p = _r3.useState(0);
var progress = _p[0], setProgress = _p[1];
var _e = _r3.useState("");
var errMsg = _e[0], setErrMsg = _e[1];
_r3.useEffect(function () {
var el = containerRef.current;
if (!el) return;
var cancelled = false;
loadThree()
.then(function (T) {
if (cancelled) return;
var scene = new T.Scene();
var w = el.clientWidth || 400;
var h = el.clientHeight || 380;
var camera = new T.PerspectiveCamera(35, w / h, 0.01, 10000);
var renderer = new T.WebGLRenderer({ antialias: true, alpha: true });
renderer.setSize(w, h);
renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
renderer.setClearColor(0x000000, 0);
el.appendChild(renderer.domElement);
/* 6-point lighting */
scene.add(new T.AmbientLight(0xffffff, 0.8));
var key = new T.DirectionalLight(0xffffff, 1.5);
key.position.set(5, 10, 7); scene.add(key);
var fill = new T.DirectionalLight(0x8899cc, 0.7);
fill.position.set(-6, -3, -5); scene.add(fill);
var rim = new T.DirectionalLight(0xaabbff, 0.9);
rim.position.set(0, 5, -10); scene.add(rim);
var top = new T.DirectionalLight(0xffffff, 0.5);
top.position.set(0, 12, 0); scene.add(top);
var bottom = new T.DirectionalLight(0x445566, 0.3);
bottom.position.set(0, -8, 3); scene.add(bottom);
/* state */
var s = stateRef.current;
s.drag = false; s.rotX = -0.15; s.rotY = 0;
s.lx = 0; s.ly = 0; s.zoom = 1; s.pivot = null;
return fetchWithProgress(url, function (pct) {
if (!cancelled) setProgress(pct);
}).then(function (buf) {
if (cancelled) return;
var parsed = parseSTLBinary(buf);
var geo = new T.BufferGeometry();
geo.setAttribute("position", new T.BufferAttribute(parsed.positions, 3));
geo.setAttribute("normal", new T.BufferAttribute(parsed.normals, 3));
geo.computeBoundingBox();
var mat = new T.MeshPhongMaterial({
color: color,
emissive: emissive,
emissiveIntensity: 0.25,
specular: 0x999999,
shininess: 90,
});
var mesh = new T.Mesh(geo, mat);
/* --- PERFECT CENTERING ---
1. Find the true bounding box center
2. Shift mesh so center is at origin
3. Wrap in a pivot group so rotation stays centered */
var box = geo.boundingBox;
var center = new T.Vector3();
box.getCenter(center);
mesh.geometry.translate(-center.x, -center.y, -center.z);
/* recompute after centering */
geo.computeBoundingBox();
var size = new T.Vector3();
geo.boundingBox.getSize(size);
var maxDim = Math.max(size.x, size.y, size.z);
/* scale model to fill ~80% of view */
var scaleFactor = 2.4 / maxDim;
mesh.scale.setScalar(scaleFactor);
/* pivot group at exact origin */
var pivot = new T.Group();
pivot.add(mesh);
scene.add(pivot);
s.pivot = pivot;
/* camera centered on origin */
camera.position.set(0, 0, 4.0);
camera.lookAt(0, 0, 0);
if (!cancelled) setStatus("ready");
/* --- INTERACTION --- */
var cvs = renderer.domElement;
cvs.style.cursor = "grab";
var onDown = function (e) {
s.drag = true; s.lx = e.clientX; s.ly = e.clientY;
cvs.style.cursor = "grabbing";
};
var onMove = function (e) {
if (!s.drag) return;
s.rotY += (e.clientX - s.lx) * 0.01;
s.rotX += (e.clientY - s.ly) * 0.01;
s.rotX = Math.max(-Math.PI * 0.45, Math.min(Math.PI * 0.45, s.rotX));
s.lx = e.clientX; s.ly = e.clientY;
};
var onUp = function () { s.drag = false; cvs.style.cursor = "grab"; };
var onWheel = function (e) {
e.preventDefault();
s.zoom = Math.max(0.5, Math.min(4, s.zoom * (1 - e.deltaY * 0.002)));
};
/* touch */
var onTS = function (e) {
if (e.touches.length === 1) {
s.drag = true;
s.lx = e.touches[0].clientX;
s.ly = e.touches[0].clientY;
}
};
var onTM = function (e) {
if (!s.drag || e.touches.length !== 1) return;
e.preventDefault();
s.rotY += (e.touches[0].clientX - s.lx) * 0.01;
s.rotX += (e.touches[0].clientY - s.ly) * 0.01;
s.rotX = Math.max(-Math.PI * 0.45, Math.min(Math.PI * 0.45, s.rotX));
s.lx = e.touches[0].clientX;
s.ly = e.touches[0].clientY;
};
var onTE = function () { s.drag = false; };
cvs.addEventListener("mousedown", onDown);
window.addEventListener("mousemove", onMove);
window.addEventListener("mouseup", onUp);
cvs.addEventListener("wheel", onWheel, { passive: false });
cvs.addEventListener("touchstart", onTS, { passive: true });
cvs.addEventListener("touchmove", onTM, { passive: false });
cvs.addEventListener("touchend", onTE);
/* render loop */
var raf;
var animate = function () {
raf = requestAnimationFrame(animate);
if (s.pivot) {
if (!s.drag) s.rotY += autoSpeed;
s.pivot.rotation.x = s.rotX;
s.pivot.rotation.y = s.rotY;
}
camera.position.z = 4.0 / s.zoom;
camera.updateProjectionMatrix();
renderer.render(scene, camera);
};
animate();
/* resize */
var ro = new ResizeObserver(function () {
var rw = el.clientWidth, rh = el.clientHeight;
if (rw === 0 || rh === 0) return;
camera.aspect = rw / rh;
camera.updateProjectionMatrix();
renderer.setSize(rw, rh);
});
ro.observe(el);
s._cleanup = function () {
cancelAnimationFrame(raf); ro.disconnect();
cvs.removeEventListener("mousedown", onDown);
window.removeEventListener("mousemove", onMove);
window.removeEventListener("mouseup", onUp);
cvs.removeEventListener("wheel", onWheel);
cvs.removeEventListener("touchstart", onTS);
cvs.removeEventListener("touchmove", onTM);
cvs.removeEventListener("touchend", onTE);
renderer.dispose();
if (el.contains(cvs)) el.removeChild(cvs);
};
});
})
.catch(function (e) {
if (!cancelled) { setErrMsg(e.message || "3D failed"); setStatus("error"); }
});
return function () {
cancelled = true;
if (stateRef.current._cleanup) stateRef.current._cleanup();
};
}, [url]);
return (
{status === "loading" && (
{progress > 0 ? progress + "%" : "Loading model\u2026"}
)}
{status === "error" &&
{errMsg}
}
{label &&
{label}
}
{status === "ready" &&
drag to rotate · scroll to zoom
}
{nodes.map(function (n, i) {
var dx = target.x - n.x, dy = target.y - n.y;
var len = Math.sqrt(dx * dx + dy * dy);
var ang = Math.atan2(dy, dx) * 180 / Math.PI;
return (
);
})}
);
}
function HumanoidFallback() {
return (
);
}
/* =====================================================================
PUBLIC SCENES — WebGL with STL or CSS fallback
===================================================================== */
function DroneScene() {
if (!_webglOk) return ;
return ;
}
function SauronScene() {
if (!_webglOk) return ;
return ;
}
function HumanoidScene() {
if (!_webglOk) return ;
return ;
}
/* === AETHER: ASCII art visual ======================================== */
function AetherScene() {
return (
AETHER
{` ████████████████████████████████
█░██████████████████████████████░█
█░████╔═══════════════════╗████░█
█░████║ ▄████▄ ▄████▄ ║████░█
█░████║ ████████████████ ║████░█
█░████║ ██░██████████░██ ║████░█
█░████║ █▀▀████████▀▀█ ║████░█
█░████║ ▀████▀ ▀████▀ ║████░█
█░████║▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄║████░█
█░████║ ━━━━━━━━━━━━━━━ ║████░█
█░████║ ▌ AETHER v3 ▐ ║████░█
█░████║ ━━━━━━━━━━━━━━━ ║████░█
█░████╚═══════════════════╝████░█
█░██████████████████████████████░█
████████████████████████████████`}
);
}
Object.assign(window, { DroneScene: DroneScene, AetherScene: AetherScene, HumanoidScene: HumanoidScene, SauronScene: SauronScene });