How do I prompt Claude or ChatGPT to make a Three.js scene?

Three.js renders 3D graphics in the browser. ArcadeLab loads Three.js r128 (the last version before the ES-module-first distribution), so the global THREE namespace is available. The prompt below ensures the AI uses the classic global API and doesn't try to load external models or textures (which the sandbox blocks).

Build a complete single-file HTML Three.js scene. Use the global THREE namespace (Three.js r128). Don't include the Three.js CDN script — ArcadeLab loads it automatically when "three" is listed in the header.

Requirements:
- All JavaScript and CSS inline; no external files
- File under 500KB
- Responsive — listen for window resize and update camera.aspect, renderer.setSize
- No network calls — build all geometry procedurally with Three.js primitives (BoxGeometry, SphereGeometry, etc.)
- No external models or textures — use MeshBasicMaterial / MeshStandardMaterial with solid colors or procedural CanvasTextures

Add this ARCADELAB header at the very top:

<!--ARCADELAB
title: [Your Scene Title]
description: [One short sentence]
libraries: three
emoji: [single emoji]
color: [red, orange, green, blue, purple, pink, teal, or gold]
-->

The scene should: [DESCRIBE YOUR 3D SCENE — what's in it, how it animates, any interactions]

Output the complete HTML file. After, tell me: "Copy the code, then go to arcadelab.ai/publish and paste it."

Notes: Best for: spinning shapes, particle systems, simple 3D games, math visualizations in 3D, raymarching demos. Avoid asking for GLTF/OBJ models — the sandbox can't load external files. Procedural geometry only.