This is a fully functional Rubik's Cube in the browser, made primarily with 3-dimensional CSS. No graphics library is used. Svelte is used for interactivity and to construct the cube from its components: the cube consists of 26 cubies, and each cubie consists of 6 faces.
A help menu shows the various keys to interact with the cube. All layers can be rotated. When multiple rotations are made in a row, they are put on a task queue to be executed one after another.
Additionally, the cube can be
- rotated in all directions
- zoomed in/out
- reset to its original position
- made half-transparent