WebGL Rubik's Cube based on Three.js

This project implements a WebGL Rubik's Cube based on Three.js.

Run

run python app.py to start Flask and use '127.0.0.1:5000' to view the website.

The implementation progress:

• Step 1: Basic 3D Scene with simple objects.
• Step 2: Basic 3-Level Rubik's Cube.
• Step 3: Orbit Control to support moving view points.
• Step 4: Cube rotation on mouse event.
• Step 5: Cube Shuffling.
• Step 5: Layer-By-Layer(LBL) solver for the Rubik's Cube.
• Step 6: More efficient algorithm: CFOP implemented in Python.
• Step 6: Communication between Python and HTML via Flask.
• Step 7: Timer and Step Counter.
• Step 7: Direction Indicator
• Step 7: 2D serialization
• Completed: Complete Version

Screenshot

Tech Stacks & RoadMap:

Useful links for WebGL & Three.js:

• Threejs
• Discover Threejs