List of features

[lgarron]

• Interface
  • Mobile support
    • Touch events wherever the mouse works.
  • Pretty, fast 3D graphics without Java/flash/special plugins.
    • This works pretty well, but there is room for making things even snappier.
  • playback and fullscreen view modes for even more awesome ways to view algs.
  • Live updating of view and URL based on input.
    • Seriously: no "click to update preview" buttons!
  • Alg playback with sufficiently flexible navigation (play/pause/forward/back/reset/skip to end).
    • Continuous animation/scrobbling (can stop in the middle of moves).
  • Two dimensions of puzzle orientation by dragging (rotate around vertical axis, pan up/down).
    • Optimized for visceral awesomeness.
    • Does not support arbitrary orientations, on purpose. The current mechanism keeps the vertical axis anchored in the center, which means you always know where "up" is.
• Input
  • Animation synchronized with alg input.
    • On desktop, highlights the current move during animation.
      • Great use case: animate alg, pause and start typing to correct/insert a move.
    • While editing the alg, updates the animation to display the current edit point.
  • Unobstrusive textareas used as the sole text-based alg interface.
  • Automatically sized setup/alg input (rows expand)
  • Custom title
• Algorithms
  • Full SiGN parsing using a proper parser.
    • Full support for grouping, repetition, inverting, commutators, and conjugates.
    • Also accepts WCA notation for wide outer block turns (Rw).
    • Visual feedback for failure to parse.
• Settings
  • Many puzzles.
    • Currently 2x2x2-9x9x9. Arbitrary cube sizes possible (17x17x17 is enabled for fun).
    • Support for more puzzles coming!
  • Stages: stickers highlight to focus on pieces
    • OLL
    • PLL
    • F2L
    • CLS
    • ...
  • Multiple playback types, including:
    • alg (end solved, no/hidden setup/scramble)
    • reconstruction (start with scramble)
    • moves (same as reconstruction, but kept for semantic distinction, e.g. forum links)
  • Custom color schemes.
• Playback Options
  • Custom playback speed.
  • Flexible puzzle display style
    • Right now, two independent toggle options: "hint stickers" and "hollow".
• Tools
  • Move counts in 4 common metrics.
    • h = obtm = Outer Block Turn Metric (generalizes "Half Turn Metric")
    • q = obqtm = Outer Block Quarter Turn Metric (generalizes "Quarter Turn Metric")
    • s = btm = Block Turn Metric (generalizes "Slice Turn Metric")
    • e = etm = Execution Turn Metric (every move token counts as 1)
  • Algorithm transformations. Currently:
    • Expand
    • Simplify
    • Invert
    • Mirror
  • Export current canvas to PNG.
  • Automatic forum link generation.
    • Distinguishes between algs and reconstructions.
• User-Focused
  • Fully client-side.
    • Works offline, even if you download/clone and run on your computer! Try the latest .zip.
  • Easy to hack/extend straight "out of the box".
  • Sensible/concise URL format.
    • Commitment to default choices. This avoids bloating the URL:
      • http://alg.cubing.net/?alg=R_U_R%27 instead of:
      • http://alg.cubing.net/?stage=full&type=algorithm&puzzle=3x3x3&alg=R_U_R%27
    • (A few default choices may change during beta.)

Minor Affordances

• Puzzle orientation is "sticky". It starts at the top, and you have to drag down the mouse a bit for the view to start rotating. This means that you're unlikely to move the cube up/down if you're just trying to move it side-to-side.
• The alg textarea autofocuses. Go to alg.cubing.net and start typing!

[ghost]

Love your website! Now so much easier to share algs w/ friends

[lburch02]

Is there a way to add something to the url so that if we're loading a setup and algorithm, we can start from the start?

https://alg.cubing.net?setup=R%20U%20R'%20U%20R%20U2%20R'%20&alg=R%20U2%20R'%20U'%20R%20U'%20R'&view=playback

as this url display the solved cube and not the cube with the setup applied

[nationalcheeto]

Also, is there a way to embed the rotations to (for example) Google Docs?

[lgarron]

Also, is there a way to embed the rotations to (for example) Google Docs?

I'm not quite sure what you're asking for. Do you want to embed an animation in Google Docs?
The best solution for that would probably be to embed a GIF(/APNG?). I could make a tool to generate those.

Embedding URLs would take a bit more work and have some issues, though, and I don't think it's possible to embed something resembling an actual player. If you e.g. want to maintain a collection of algs, I think it would be best to describe your goals more precisely.

[lgarron]

Is there a way to add something to the url so that if we're loading a setup and algorithm, we can start from the start?

https://alg.cubing.net?setup=R%20U%20R'%20U%20R%20U2%20R'%20&alg=R%20U2%20R'%20U'%20R%20U'%20R'&view=playback
as this url display the solved cube and not the cube with the setup applied

For what it's worth, Twizzle should be much more reliable at this: https://alpha.twizzle.net/edit/

[gabwer]

Hi @lgarron
Is it possible to find the algorithm from one position to another. (not solved)
Thanks

[lgarron]

Hi @lgarron
Is it possible to find the algorithm from one position to another. (not solved)
Thanks

Does this work for you?

1. Go to https://alpha.twizzle.net/edit/?alg=%28R+B%27+R+F2+R%27+B+R+F2+R2%29%27+%2F%2F+inverse+of+target+setup%0AR+U+R%27+U+R+U2+R%27+%2F%2F+starting+setup with the following "Moves" field:

(R B' R F2 R' B R F2 R2)' // inverse of target setup
R U R' U R U2 R' // starting setup

2. Alg Tools > Solve. I currently get "B R2 B2 U B U F U2 F' L2 B R2 L2 B2 U2 B" for this.

3. Move the starting setup into the "Setup" field, and delete the inverse of the target setup: https://alpha.twizzle.net/edit/?alg=B+R2+B2+U+B+U+F+U2+F%27+L2+B+R2+L2+B2+U2+B&setup-alg=R+U+R%27+U+R+U2+R%27

[gabwer]

Great!!! Thank you!!!

[muaz520]

the custom color scheme in alg.cubing.net doesnt seems to work

[lgarron]

the custom color scheme in alg.cubing.net doesnt seems to work

Yeah, unfortunately it's not working for general color scheme. 😔
I'm no longer changing alg.cubing.net, so that feature will have to wait for Twizzle.

[Tomander77]

Hi Lucas
Love design and functionallity of the website. Is there an option to record (or embed) video sequences into my beginners method website? That would be awesome!
regards
david

[lgarron]

Hi Lucas
Love design and functionallity of the website. Is there an option to record (or embed) video sequences into my beginners method website? That would be awesome!
regards
david

This is unfortunately a lot more complicated than it sounds. Twizzle will hopefully support it some day, but for now I suggest using a browser extension like https://chromewebstore.google.com/detail/canvas-capture/pnhaaddlgbpchligciolcdjgndcpelee to capture the canvas.

[Tomander77]

Thanks a lot for your reply. Maybe "video" was not the right term. I'd like to create something like the graphics on this website, where you can press play to start the sequence: http://cube.rider.biz Regards David Lucas Garron ***@***.***> schrieb am Do., 1. Feb. 2024, 03:46:

…

Hi Lucas Love design and functionallity of the website. Is there an option to record (or embed) video sequences into my beginners method website? That would be awesome! regards david This is unfortunately a lot more complicated than it sounds. Twizzle will hopefully support it some day, but for now I suggest using a browser extension like https://chromewebstore.google.com/detail/canvas-capture/pnhaaddlgbpchligciolcdjgndcpelee to capture the canvas. — Reply to this email directly, view it on GitHub <#51 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AZQ2IIHXM2UOKORNM2OJUR3YRL6X7AVCNFSM4AMLWMP2U5DIOJSWCZC7NNSXTN2JONZXKZKDN5WW2ZLOOQ5TCOJSGAZTSNZQHAZA> . You are receiving this because you commented.Message ID: <cubing/alg. ***@***.***>

[lgarron]

Thanks a lot for your reply. Maybe "video" was not the right term. I'd like to create something like the graphics on this website, where you can press play to start the sequence: http://cube.rider.biz

Sounds like you're looking for <twisty-player>: https://js.cubing.net/cubing/twisty/

[Tomander77]

Yes, this is it! Thank you so much! Lucas Garron ***@***.***> schrieb am So., 4. Feb. 2024, 04:20:

…

Thanks a lot for your reply. Maybe "video" was not the right term. I'd like to create something like the graphics on this website, where you can press play to start the sequence: http://cube.rider.biz Sounds like you're looking for <twisty-player>: https://js.cubing.net/cubing/twisty/ — Reply to this email directly, view it on GitHub <#51 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AZQ2IIG43ZWDPK6J6W4LLD3YR347PAVCNFSM4AMLWMP2U5DIOJSWCZC7NNSXTN2JONZXKZKDN5WW2ZLOOQ5TCOJSGU2TMNBXGUYQ> . You are receiving this because you commented.Message ID: <cubing/alg. ***@***.***>