Created: 2014-05-19 19:12
Updated: 2014-11-13 19:38


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.

Getting started

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.

Cookies help us deliver our services. By using our services, you agree to our use of cookies Learn more