joews/rubik-js

A Three.js Rubik's cube simulation

rubik-js

A WebGL Rubik's cube.

See it in action. It requires a WebGL-capable browser.

Features

• Shuffle
• Click and drag plane rotation
• Solve (by replaying moves in reverse)

This was a learning exercise in Three.js, and there are plenty of rough edges. TODO list:

• Better lighting and materials
• Support for non-WebGL browsers
• A general solver algorithm
• Awareness of puzzle completion, possibly with some celebratory 3D effects
• Touch support

rubik-js's Issues

Queue is reversed

The queue of moves to make is unfortunatly reversed. This is caused by the following two actions you are performing on the queue:

rubik.js
var pushMove = function(cube, clickVector, axis, direction) {
moveQueue.push({ cube: cube, vector: clickVector, axis: axis, direction: direction });
}

and (in the same file)
var startNextMove = function() {
var nextMove = moveQueue.pop();
...}

The problem here is that moveQueue.push() adds an element to the end of the array but you get the next move by moveQueue.pop() which also returns the last element of the array. Therefore you are performing the latest move added to the queue instead of the first.

This can be easily solved by using moveQueue.unshift() instead of moveQueue.pop()

Outdated dependencies, move to npm / webpack?

I was looking for a suitably licensed rubik cube class based on three.js and found this repo, it's working great, thanks!. I had to do some tweaks on my side:

• three.js 63 -> 155 (2013 -> 2023)
• dropped the OrbitControls, jqeury, threex.domevent and threex.domevent.object3d dependencies
• moved to typescript
• ability to show a facelet string

The result is here: https://github.com/vmiklos/vmexam/blob/master/js/rubik/rubik.ts

Do you have any interest to take PRs to upstream some of this work? Perhaps a first step would be to switch to webpack / npm instead of bundling these dependencies. That would in itself already make it more obvious what security problems are there with the old dependency versions. And then perhaps updating to a recent three.js + moving to typescript could be also interesting.

If no interest, that's fine, I just wanted to try upstreaming, so it's easier for the next person. :-)

vc deixou logado no lab 9 uvv

alguem pode fazer algum mal
sempre saia das contas
LAB 9 uuv

DTI_ UVV

Documentation Issue

When you link to the demo in the readme, there is a 404 error. It looks like you are linking to the previous name of your profile. The following replacement fixes the broken link "See it in action" in your readme:

[See it in action](https://joews.github.io/rubik-js/).

Felt this was too small for a pull request.

An issue to try out Huboard