🛠 A library for displaying and working with twisty puzzles. Also currently home to the code for Twizzle.
Home Page: https://js.cubing.net/cubing/
License: GNU General Public License v3.0
For each line:
[U2 [R2 U2 L2, U2]]
[[U2 R2 U2, L2] U2]'
Right now if you click a move in twizzle, the move gets appended to the algorithm and the move is executed, but there is no coalescing of moves (say, U then U into U2). If you enable automatic coalescing, then clicking the second U causes the cube to "jump" back to the state before the first U and execute a U2; this is jarring and incorrect. This should be improved to behave similarly to the original twizzle (currently at twizzle.cubing.net).
I'm looking for a way to set the current cube state like so: setCubeState("uuuuuuuuu fffffffff rrrrrrrrr bbbbbbbbb lllllllll ddddddddd"). The specific format/protocol doesn't matter. Is there a way to do this using twisty.js? I found a setPosition method, but this only seems to change the "pointer" pointing to the current move within an algorithm.
Is such a feature even desired? It would probably break some assumptions like v.setPosition(0); v.isIdentity() == true.
We have a good parser generator, but we could get some benefits from writing our own:
Working Draft:
Classes implemented using prototypes.
All setters should also have a getter.
TwistyTwisty.animation.setSpeed(ratio);
Twisty.animation.playForwards();
Twisty.animation.playBackwards();
Twisty.animation.pause();
Twisty.animation.playSingleMoveForwards();
Twisty.animation.playSingleMoveBackwards();
Twisty.animation.skipToStart();
Twisty.animation.skipToEnd();
Twisty.animation.setPosition(ms, "animateQuickly" | "immediate")
Twisty.setup.setSolvedState(TwistyState)
Twisty.setAlg(TwistyAlg)
Twisty3x3x3 (prototype: Twisty)TwistyStateA TwistyState is a ksolve-like extension of the idea of a permutation.
TwistyState.fromAlg()
TwistyState.invert() @returns TwistyState
TwistyState.compose(TwistyState) @returns TWistyState
AnimatingTwistyStateTwistyState.fromAlg()
TwistyState.invert() ?
AlgAn alg is a collection of moves and other algs.
Can be either a straight move sequence, or a group/communtator/conjugate.
Alg.addMoves(?)
Alg.timestampToToken(ms) @returns AlgToken
Alg.tokenToTimestamp(AlgToken) @returns ms
Alg.reparse("<original alg> R U R'")
Alg3x3x3 (prototype: Alg)AlgTokenDOMAlg ?// Something for highlighting
TwistyViewnew TwistyView(rendererType, div);
(rendererType == canvas, CSS div, etc.)
// support shadow DOM where possible?
TwistyView.addPuzzle(puzzle);
TwistyView.setCameraLocation(coords)
TwistyView.fullscreen();
// Perhaps the client can just use the normal HTML5 API on the div?
// 2-axis View rotation support support
ConvenienceTwisty.emulateAnimCubeApplet()
Twisty.emulateRandelshoferApplet()
Twisty.emulateRoofpig
TwistySolverTwistySolver.solveState(); @returns Alg
Title pretty much says it all. Ideally this gets done in as twisty-independent a way as possible.
Demo of showing only certain pieces: http://www.randelshofer.ch/rubik/virtual_cubes/rubik/instructions/instructions.html
In particular, there's a core!
Putting a dot (a short pause) in an algorithm in twizzle does not behave properly. This is because the MoveIndexer returns a BlockMove, and a Pause is not a BlockMove. A lot of signatures need to be changed to permit the move indexer to return a Unit (likely), and then the call sites need to check to see if what was returned was actually a BlockMove or a non-state-change algorithm element such as a pause.
Here's a list of other software whose features we should look at:
See more at https://github.com/cubing/cube-code#javascript
Define an interface for each alg type, then define AlgorithmJSON as their union.
We may not be able to prevent this, and this hurts our ability to mimic gelatinbrain moves.
The ksolve parser does not accept ksolve files that start with a # comment.
Ideally, we'd have a nice system that makes it nice to do speedsolves, but provides features like logging of solvs (look at how you do your solves, and how this has changed!), etc.
Other puzzles have notation that is partially compatible. twisty.js will need some abstraction to cover them.
Cursory research suggests that it should be a value from 0 to 100, but the GiiKer cube appears to report 55 when the app shows it as 100% charged.
I'm not sure if this is needed, but it might be nice, and it's not hard to provide (notwithstanding issue cubing/cuble.js#7).
I believe the new twizzle app would be nicer if it supported side-by-side equal-sized views, one of the front and one of the back. The current small back view (rear view mirror?) is useful for debugging, but having a back view of the same size would make the interface work much more nicely for actual interactive solves.
Ideally, all pieces could be rounded. just doing the corners is more efficient, and will probably look almost as good.
See cubing/twisty.js#54 for rounded stickers.
The code should accept the "empty" puzzle with no sets (and an empty solved state and moves that do nothing).
In my UI I'm allowing users to turn on and off various parts of the puzzles (corners/edges/centers) and if they turn everything off, kpuzzle throws. It should not.
https://github.com/spite/ccapture.js/
See #47 for the server-side rendering issue. It may that there is a simpler solution for this on the client.
Implement a decent set of parameters that make it posible and worthwhile to switch out AnimCube and Randelshofer's appplets for three.js on cube pages. Ideally, this should be able to handle tons of twisties on a page (achievable by flattening the twisties per cubing/twisty.js#12 while not active).
The gold standard for this right now is http://www.speedsolving.com/wiki/extensions/algdb/vcube/visualcube.php
If someone is implementing a new puzzle/feature we didn't anticipate, it would be nice if they could hook into a simple plugin API to control:
Move the relevant code from alg.cubing.net into twisty.js.
Twizzle should display the face name (U, F, BL, etc.) on hover over a face. Otherwise it's not at all clear what face is what (especially for puzzles that have no established conventions for face names).
e.g. L R' is interpreted as M' together with an orientation change (see cubing/cuble.js#4) if they fire within 0.1s of each other.
Ideally, I wouldn't need to be the one to implement all of these.
In principle (and as suggested by three.js demos), it's not hard to capture mouse/touch events and use them to animate moves on the cube. I think the main issue here is handling the in-between animation while someone is moving a layer.
Should include:
touch branch.(I know what I want to do. Will detail later.)
Curious why 222 has only 7 pieces?
https://github.com/cubing/kpuzzle.js/blob/master/src/puzzle_definitions.ts#L6
Half turns should be slow/longer than quarter turns.
It should be possible to specify the time for each base move.
i.e. arbitrary custom stickering images like Werner's applet supports.
(This should have been filed a long while ago?)
control.speed can always be set with setSpeed after the twistyScene is constructed.twistyScene.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.