Cuber is a Rubik's cube simulator written in javascript with a little bit of three.js thrown in for good measure. It uses CSS 3D transforms and has a programmatic API, and has different rendering outputs.
Download the minified file, the css and include it in your project.
<script charset="utf-8" src="js/cuber.min.js"></script>
<link rel="stylesheet" type="text/css" href="styles/cube.css">
Create a new Cube, attach it to your DOM and you're good to go.
var cube = new ERNO.Cube();
document.body.appendChild( cube.domElement );
Cuber is interactive, but you can also twist slices programmatically. We use a variation of the Singmaster notation which uses a single character and it's case to denote a move. For example cube.twist( 'U' )
rotates the Upper face clockwise. You can also chain multiple moves into a sequence such as cube.twist( 'UDLF' )
.
You can also use cube.undo()
and cube.redo()
to step through the move history. cube.shuffle( 5 )
shuffles the cube 5 times.
From the desktop
Take a look at the basic example. This demonstrates many of the api settings.