three-live — AI-First Native 3D & AR

Three.js code to compile live on-device

// 1. Central Core
const core = new THREE.Mesh(
  new THREE.SphereGeometry(0.85, 32, 24),
  new THREE.MeshStandardMaterial({ color: 0x38bdf8, metalness: 0.92, roughness: 0.08 })
);
core.name = "QuantumCore";
core.userData.interactivity = {
  onSelect: { action: "toggleTransform", scale: [1.2, 1.2, 1.2], duration: 0.35 }
};
scene.add(core);

// 2. Inner Orbit Ring
const ring1 = new THREE.Mesh(
  new THREE.TorusGeometry(1.45, 0.09, 16, 64),
  new THREE.MeshStandardMaterial({ color: 0xa855f7, metalness: 0.85, roughness: 0.2 })
);
ring1.name = "InnerOrbitRing";
ring1.rotation.x = 1.1;
scene.add(ring1);

// 3. Outer Orbit Ring
const ring2 = new THREE.Mesh(
  new THREE.TorusGeometry(1.95, 0.06, 16, 64),
  new THREE.MeshStandardMaterial({ color: 0x10b981, metalness: 0.7, roughness: 0.3 })
);
ring2.name = "OuterOrbitRing";
ring2.rotation.y = 0.9;
ring2.rotation.z = 0.4;
scene.add(ring2);

// 4. Sensor Arrays (Satellites) — counter-orbit QuantumCore
const satGeo = new THREE.BoxGeometry(0.3, 0.3, 0.3);
const satMat = new THREE.MeshStandardMaterial({ color: 0xf59e0b, metalness: 0.9, roughness: 0.15 });
const sat1 = new THREE.Mesh(satGeo, satMat);
sat1.name = "SensorArray_A";
sat1.position.set(1.45, 0.35, 0);
sat1.userData.xr = {
  orbit: { target: "QuantumCore", radius: 1.45, speed: 1.2, height: 0.35, phase: 0, faceCenter: true }
};
scene.add(sat1);

const sat2 = new THREE.Mesh(satGeo, satMat);
sat2.name = "SensorArray_B";
sat2.position.set(-1.45, -0.35, 0);
sat2.userData.xr = {
  orbit: { target: "QuantumCore", radius: 1.45, speed: -1.0, height: -0.35, phase: 3.14159, faceCenter: true }
};
scene.add(sat2);

// 5. Pedestal Base
const base = new THREE.Mesh(
  new THREE.CylinderGeometry(1.8, 2.0, 0.25, 32),
  new THREE.MeshStandardMaterial({ color: 0x334155, metalness: 0.4, roughness: 0.6 })
);
base.name = "PedestalBase";
base.position.set(0, -1.6, 0);
scene.add(base);

Selected Mesh	None
Hit Coordinates	--
Surface Normal	--
Distance	--