Interactive 3D Human Brain

Interactive 3D Human Brain - Move your device or drag to rotate

${part}

${brainParts[part].info}

`; infoDiv.style.display = 'block'; setTimeout(() => infoDiv.style.display = 'none', 5000); } function onWindowResize() { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); } function onDeviceOrientation(event) { if (controls) { controls.update(); } } function onMouseDown(event) { mouse.x = (event.clientX / window.innerWidth) * 2 - 1; mouse.y = -(event.clientY / window.innerHeight) * 2 + 1; checkIntersection(); } function onTouchStart(event) { if (event.touches.length > 0) { mouse.x = (event.touches[0].clientX / window.innerWidth) * 2 - 1; mouse.y = -(event.touches[0].clientY / window.innerHeight) * 2 + 1; checkIntersection(); } } function checkIntersection() { raycaster.setFromCamera(mouse, camera); const intersects = raycaster.intersectObject(brain); if (intersects.length > 0) { const point = intersects[0].point; let closestPart = null; let minDistance = Infinity; for (const [part, data] of Object.entries(brainParts)) { const distance = point.distanceTo(new THREE.Vector3( data.position.x, data.position.y, data.position.z )); if (distance < minDistance) { minDistance = distance; closestPart = part; } } if (closestPart && minDistance < 0.5) { showBrainInfo(closestPart); } } } function animate() { requestAnimationFrame(animate); controls.update(); updateLabels(); renderer.render(scene, camera); }