Interactive Rubik's Cube

Alon S. Levin
ECE-462: Computer Graphics
The Cooper Union, Spring 2019

 

Oops ... your browser doesn't support the HTML5 canvas element.

Instructions:

To rotate the Rubik's Cube, click and drag the mouse within the canvas.

To rotate a side, there are two options:

1. Press the buttons below the instructions; or
2. Press the corresponding keys on the keyboard.

To scramble the Rubik's Cube, enter the number of rotations and press the Scramble button.

To save the state, press the Save State File button and then press the link to download file.

To load a state, select a file and then press the Load State File.
To load a new file, refresh the page.


Rotate Cube Faces:


Key:

L: Left plane
M: Middle (between left and right) plane
R: Right plane
U: Top plane
E: Middle (between top and bottom) plane
D: Bottom plane
F: Front plane
S: Middle (between front and back) plane
B: Back plane

All rotations are normally clockwise and relative to the point of view of the user.
An apostrophe indicates a complementary counter-clockwise rotation.
Keyboard inputs match button inputs; counter-clockwise rotations require the shift key to be pressed.

Scramble the Cube

Choose how many random turns to make:

Save and Load State File