TASK: Generate a complete, self-contained HTML page using mo...

Prompt

TASK: Generate a complete, self-contained HTML page using modern Three.js (r160+ via CDN/ESM importmap). REQUIREMENTS: 1. Setup: - Responsive full-screen canvas (`width: 100vw`, `height: 100vh`) with automatic window resize listener. - PerspectiveCamera, WebGLRenderer with `antialias: true` and shadow map enabled (`shadowMap.enabled = true`, `type: PCFSoftShadowMap`). - OrbitControls imported and configured with damping (`enableDamping = true`). 2. Scene Content: - Floor plane with a neutral material that receives shadows. - Directional light configured with castShadow enabled and proper shadow camera bounds, plus a low-intensity AmbientLight. - An interactive cluster: Create 50 `InstancedMesh` cubes OR an array of 5 distinct meshes (e.g., TorusKnot, Icosahedron, Box) floating above the floor, all casting shadows. 3. Logic & Animation: - Smooth continuous animation loop (`requestAnimationFrame`) rotating the central meshes on Y/X axes. - Raycasting interaction: Mouse movement highlights the mesh/instance under the cursor by altering its color/emissive property smoothly. 4. Constraints: - Output ONLY valid HTML inside a single ```html ``` block. No conversational text. - Do NOT use deprecated APIs (e.g., no `THREE.Geometry`, no `THREE.Face3`). Use `THREE.BufferGeometry` or built-in modern geometries. - Must execute in browser without console errors.

A system prompt was added to support web rendering