I'll create an interactive 3D Rubik's Cube with clickable face rotations, orbit-drag camera, and a scramble button using three.min.js.

Now I'll create the complete interactive Rubik's Cube application:

I've created a fully interactive 3D Rubik's Cube application with the following features: ## Features 1. **Interactive 3D Rubik's Cube** - Rendered with Three.js using 27 individual cubies (3×3×3), each with 6 colored faces 2. **Clickable Face Rotations** - Click any face of the cube to rotate that layer 90°. The animation is smooth with easing 3. **Orbit-Drag Camera** - Drag anywhere on the canvas to rotate the entire cube view. Vertical rotation is clamped for better viewing angles 4. **Zoom** - Scroll to zoom in/out (clamped between 3 and 12 units) 5. **Scramble Button** - Randomizes the cube with 20 random moves 6. **Move Counter** - Tracks how many moves you've made 7. **Solve & Reset Buttons** - Reset returns to solved state; Solve provides a demonstration 8. **Touch Support** - Works on mobile devices with touch gestures ## Face Colors - **U (Up)**: White - **D (Down)**: Yellow - **F (Front)**: Green - **B (Back)**: Blue - **R (Right)**: Red - **L (Left)**: Orange ## Controls - **Drag** - Rotate the cube view - **Scroll** - Zoom in/out - **Click faces** - Rotate cube layers - **Scramble** - Randomize the cube - **Reset** - Return to solved state The cube state is properly tracked internally, so face rotations correctly cycle the colors on adjacent faces (e.g., rotating the front face moves pieces from U→R→D→L→U). All animations use smooth easing and run at 60fps.