Cube Prompt

gistfile1.txt

Write a complete HTML/JavaScript program using Three.js that renders a fully interactive Rubik's Cube simulation of any size up to 20x20x20. The user should be able to specify the cube size dynamically (e.g., via an input or a variable), and the cube should be constructed accordingly with proper color-coded faces (standard Rubik's Cube colors: white, yellow, red, orange, blue, green).
Include camera controls for rotating the view, and allow for basic user interaction such as rotating layers of the cube via mouse or UI buttons.
Additionally, implement a "Solve" button that, when clicked, animates the cube being solved step-by-step visually. You can use a simplified solving algorithm (you do not need to match real Rubik’s solving logic) — the goal is just to animate the cube returning to its original solved state, one move at a time, with clear transitions.
Requirements:
Use Three.js for all 3D rendering.


Cube size should be adjustable up to 20x20x20.


Solver animation should be smooth and readable.


Keep performance in mind for larger cubes (e.g., 20x20).


You can simplify the user interaction and solving logic as needed — the focus is on visual simulation, not speed or optimal solving.