Welcome to the Speedsolving.com, home of the web's largest puzzle community! You are currently viewing our forum as a guest which gives you limited access to join discussions and access our other features.
I'm excited to announce that you can now to embed algs and solves supported by Twizzle!
I've working on the functionality with @rokicki and iterating with @pjk on making this as useful as possible, and we hope you'll be able to use it to share a wide variety of algs and solves on the forum this way.
There are 3 ways to use this:
Code:
1. BBCode [alg] tag: [alg=OLL]R U R' U R U2' R'[/alg]
2. BBCode [twizzle] tag: [twizzle=megaminx]R U R' U R U2' R'[/twizzle]
3. Twizzle URL: https://alpha.twizzle.net/edit/?alg=R2+U2%27+R2%27+U%27+R2+U2%27+R2%27&puzzle=megaminx&stickering=PLL&title=Megaminx+PLL+Example&setup-anchor=end
Here are more usage details and examples:
How to Use Twizzle embeds
1. If you are sharing a 3x3x3 alg, you can use the alg BBCode tag and specify a "stickering" to highlight or dim cubies for various common speedsolving stages:
Method
Available stickerings
CFOP
OLL, PLL, LL, EOLL, COLL, OCLL, CLL, ELL, ZBLL
LS
LS, ELS, CLS, ZBLS, VLS, WVLS
F2L
F2L, Daisy, Cross
ZZ
EO, EOline, EOcross
Roux
CMLL, L10P, L6E, L6EO
Petrus
2x2x2, 2x2x3
Code:
[alg=OLL]R U R' U R U2' R'[/alg]
2. You can write an alg inside the twizzle BBCode tag for other puzzles. This cannot support other parameters, but it provides an easy way to show the effect of an alg on the solved state for the following puzzles:
A speedsolving stage stickering (e.g. OLL, PLL, CLS, etc.)
Setup moves (e.g. a scramble).
Whether the setup state is "anchored" at the start (e.g. for a solve or pretty pattern) or at the end (e.g. for an alg).
Code:
Paste this:
https://alpha.twizzle.net/edit/?alg=R2+U2%27+R2%27+U%27+R2+U2%27+R2%27&puzzle=megaminx&stickering=PLL&title=Megaminx+PLL+Example&setup-anchor=end
... and it becomes:
[twizzle]https://alpha.twizzle.net/edit/?alg=R2+U2%27+R2%27+U%27+R2+U2%27+R2%27&puzzle=megaminx&stickering=PLL&title=Megaminx+PLL+Example&setup-anchor=end[/twizzle]
Gigaminx Extended Superflip
by Per Kristen Fredlund
BL2 B2' DL2' B' BL' B' DL2' BL2 B' BL2' B2 BL DL2 B' DL BL B' BL2 DR2 U' (F2 FR2' D2 FR L2' 1-4BR 1-4R2' U)5 F2 FR2' D2 FR L2' 1-4BR 1-4R2' U2 2DR2 u2' 1-3R2 1-3BR' l2 fr' d2' fr2 f2' (u' 1-3R2 1-3BR' l2 fr' d2' fr2 f2')5 u dr2' bl2' b bl' dl' b dl2' bl' b2' bl2 b bl2' dl2 b bl b dl2 b2 bl2'
Pyraminx Crystal, one of many puzzles supported by Twizzle Explorer:
We hope you will find these features useful for sharing algs and solves throughout the forum! @rokicki and I are still actively working on Twizzle, so this is only the beginning. Please let us know when it works well, and when it could use additional functionality.
Really cool. I think I will use that in the future
I'm just testing some pyraminx algs and what I miss a little bit is a view from the top.
Most Pyraminx pages use that in alg sheets and the view from the front is a litte unfamiliar for me.
Do you think you could add that?
Really cool. I think I will use that in the future
I'm just testing some pyraminx algs and what I miss a little bit is a view from the top.
Most Pyraminx pages use that in alg sheets and the view from the front is a litte unfamiliar for me.
Do you think you could add that?
I assume this is because Pyraminx algs are usually for L4E? Do you have example links?
Also, do you think the *entire* animation should keep a top-down view or just the initial view? It's easy to do the entire animation in 2D, but I don't think that's what most people would want: https://codepen.io/lgarron/pen/BaVXMNN
I've experimented with a hybrid that starts top-down for 3x3x3 LL, and then switches to 3D once you start animating, which I could also try to apply to Pyraminx.
A tutorial for those wanting to learn the L4E pyraminx method.
pyraminxl4e.mystrikingly.com
You are right. The algs are mostly for L4E and there the bottom layer is not very interesting.
The 2D view looks cool but if you dont see the pieces move, it's hard to understand.
Maybe something like the FTO Example above.
Probably it's already enough to let the user turn the puzzle a little more. In the moment, if i try to change the view it blocks at some point and I can't turn it further.
This is from the front but the similiar view from the top would be optimal for me.
Maybe with markers to see the downside
How do i make the white side a part of F2l? I’m trying to get some screenshots of F2l cases and when I use the F2l colors, it puts yellow on the bottom
How do i make the white side a part of F2l? I’m trying to get some screenshots of F2l cases and when I use the F2l colors, it puts yellow on the bottom
Right now, stickering is still pretty basic — if you specify a stage like F2L or PLL, it will use the default WCA color scheme & orientation.
I know that some people prefer different orientations from that — e.g. PLL on the yellow face — but this is surprisingly complicated because it's related to several concepts: solving stages, masks (dim/bright/ignored stickers), color substitutions and swaps (e.g. purple for orange), completely different color schemes, reorientation *before* setting up a case on the puzzle, reorientation *after* setting up case on the puzzle, and whether any of these can be safely translated into someone's personal preference (i.e. I want to see purple where orange would be) vs. whether they should consistent across everyone who sees them (e.g. when talking about a video with concrete colors), how to make this all accessible to people with color blindness and vision impairments, and how to present everyone with a way to configure these things in a general-purpose tool like Twizzle... without having 3-4 configuration options that all kind of do the same thing.
I have some ideas on how to support this eventually, but I don't want to promise a timeline on how soon that will be possible. However, it helps to hear requests like yours with use cases, so we know what to prioritize!
(Also, if you just want a set of screenshots for a project, I can probably help you more directly. Feel free to DM me!)
How do i make the white side a part of F2l? I’m trying to get some screenshots of F2l cases and when I use the F2l colors, it puts yellow on the bottom
Right now, stickering is still pretty basic — if you specify a stage like F2L or PLL, it will use the default WCA color scheme & orientation.
I know that some people prefer different orientations from that — e.g. PLL on the yellow face — but this is surprisingly complicated because it's related to several concepts: solving stages, masks (dim/bright/ignored stickers), color substitutions and swaps (e.g. purple for orange), completely different color schemes, reorientation *before* setting up a case on the puzzle, reorientation *after* setting up case on the puzzle, and whether any of these can be safely translated into someone's personal preference (i.e. I want to see purple where orange would be) vs. whether they should consistent across everyone who sees them (e.g. when talking about a video with concrete colors), how to make this all accessible to people with color blindness and vision impairments, and how to present everyone with a way to configure these things in a general-purpose tool like Twizzle... without having 3-4 configuration options that all kind of do the same thing.
I have some ideas on how to support this eventually, but I don't want to promise a timeline on how soon that will be possible. However, it helps to hear requests like yours with use cases, so we know what to prioritize!
(Also, if you just want a set of screenshots for a project, I can probably help you more directly. Feel free to DM me!)
Hmm, yeah, I just tried putting a whole bunch of Twizzle URLs inside a spoiler (with and without a spoiler summary caption), and I'm not able to observe any issues. Happy to take a look at a repro case!
Hi,
Is there a way to programmatically use Twizzle?
My goal is to populate an alg sheet in Excel with lots of algs (and the corresponding image case)
Currently I use http://cube.rider.biz/visualcube.php for my 2x2 and 3x3 alg sheets.
It is great because you give input parameters in the URL and you get an image in the end. Alas, it is limited to NxNxN cubes.
I didn't find a way to do something similar with Twizzle or cubing.js, which could extend my (automatic) alg sheets to the other platonic solids.
Is it possible?
Hi,
Is there a way to programmatically use Twizzle?
My goal is to populate an alg sheet in Excel with lots of algs (and the corresponding image case)
Currently I use http://cube.rider.biz/visualcube.php for my 2x2 and 3x3 alg sheets.
It is great because you give input parameters in the URL and you get an image in the end. Alas, it is limited to NxNxN cubes.
I didn't find a way to do something similar with Twizzle or cubing.js, which could extend my (automatic) alg sheets to the other platonic solids.
Is it possible?
The answer is yes, but probably not directly in Excel. `cubing.js` is designed to render puzzles on websites directly using browser APIs, which can be faster and more efficient than downloading a whole bunch of images.
Hi,
My goal is to populate an alg sheet in Excel with lots of algs (and the corresponding image case)
Currently I use http://cube.rider.biz/visualcube.php for my 2x2 and 3x3 alg sheets.
It is great because you give input parameters in the URL and you get an image in the end. Alas, it is limited to NxNxN cubes.
I didn't find a way to do something similar with Twizzle or cubing.js, which could extend my (automatic) alg sheets to the other platonic solids.
The answer is yes, but probably not directly in Excel. `cubing.js` is designed to render puzzles on websites directly using browser APIs, which can be faster and more efficient than downloading a whole bunch of images.
Bulk downloading is not ideal for me because it would need handmade copy-paste actions after that for each case. Which is tedious and error prone.
My alg sheets are completely automatic : I put algs in a column (with parameters if needed on the same line), I run my macro and it populates another column with the pic for each case.
I have seen other people do the same in google sheets.
I already tried cubing.js with no much success, I managed to install it but I am stuck with how to use it beyond easy cases that you describe.
I am a total newbie in javascript or HTML and prefer regular scripts (powershell, vba) or good old coding (C#, java) even though I did not do coding for at least 5 years.
If I find a way to wrap a function that gets an alg in input and gives an image as output, I think I will be on my way.
I will try some more to make it work.
Anyway, thanks for the tip (your link looks promising).
And a huge thank you for Twizzle and all the hard work you have put in it (coding, site, YouTube videos), that's very useful.
Thanks for your help.
I came upon PuzzleGen during my quest for a more versatile "visualcube".
Pros (for my usage) :
nice images, no fuss, it is really what I am looking for in my alg sheets
more cubes than visualcube
Cons :
limited number of cubes (compared to Twizzle's seemingly limitless list)
needs Linux or WSL (and I didn't practice Linux for a while so that would mean hassle in my case)
So I discarded it and tried Twizzle/cubing.js instead, in hope to succeed and have a more versatile solution that would work for kilominx and weird cubes I might buy in the future.
That does not mean I will not try it later