https://github.com/scriptraccoon/rubikscubesvelte

Rubik's Cube made with three-dimensional CSS transforms and Svelte
https://github.com/scriptraccoon/rubikscubesvelte

Last synced: over 1 year ago
JSON representation

Rubik's Cube made with three-dimensional CSS transforms and Svelte

• Host: GitHub
• URL: https://github.com/scriptraccoon/rubikscubesvelte
• Owner: ScriptRaccoon
• License: mit
• Created: 2022-03-04T22:48:39.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2024-01-26T00:06:19.000Z (over 2 years ago)
• Last Synced: 2024-05-30T16:49:59.432Z (about 2 years ago)
• Language: Svelte
• Homepage: https://rubikscubesvelte.netlify.app
• Size: 377 KB
• Stars: 3
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Rubik's Cube

This is Rubik's Cube made mainly with 3-dimensional CSS transforms and a bit of JavaScript (Svelte) to execute them. No WebGL or libraries such as Three.js are used.

https://rubikscubesvelte.netlify.app





  

Open the menu with the `i` key to see all the keys for rotating the cube and its layers.

When many rotations are entered quickly in a row, a queue executes them one by one. There are also options to undo moves, scramble the cube, reset the cube, zoom, or make the cube transparent.

This is the Svelte version of a previous version which you can find here: https://github.com/ScriptRaccoon/RubiksCubeCSS