Rubik's

Rubik's Cube ® used by permission of Seven Towns Limited. | Published in 2012

Tutorial

Move your device to trigger the accelerometers and rotate the cube. Use flick gestures to move the faces. Rotate your device to start the landscape application. Have fun!

Welcome to the HTML5 Rubik's page!

Swipe left your finger over the panel to get into the next pages

Let's see how to play with the cube...

Don't forget to give it a try in you tablet or your phone!

Movements and rotation

Flick over the cube to do the movements. Push with two fingers on the screen (or use the orange button) to rotate the cube.

Solving the cube

Tap in the rubik's button to solve the cube. Note that the real algorithm is not implemented yet so if just going to be a multiple undo.

Cube history

Press the undo or redo blue arrow buttons to go back and forward off the rubik's movement

Rubik's CSS3+JS Tutorial

Don't forget to check the tutorial of how the cube was made!

Code at Github

Any contribution will be welcome in the github account

Feedback

Feel free to send me your feedback via mail or twitter!

Have fun!

For more projects visit my home page: feval.info or @diervo

U1
U2
U3
U4
U5
U6
U7
U8
U9
F1
F2
F3
F4
F5
F6
F7
F8
F9
D1
D2
D3
D4
D5
D6
D7
D8
D9
B1
B2
B3
B4
B5
B6
B7
B8
B9
L1
L2
L3
L4
L5
L6
L7
L8
L9
R1
R2
R3
R4
R5
R6
R7
R8
R9