cubing / cubing.js

🛠 A library for displaying and working with twisty puzzles. Also currently home to the code for Twizzle.
https://js.cubing.net/cubing/
GNU General Public License v3.0
245 stars 44 forks source link

[Twizzle issue] Icosahedron color scheme hurts to look at. #336

Open Lord0fTheCubes opened 1 month ago

Lord0fTheCubes commented 1 month ago

Steps to reproduce the issue

Open Twizzle and click on any icosahedral puzzle

Observed behaviour

The color scheme is horrific. There are many weird shades of blue, purple, pink, and green, most of which are extremely similar to one another, and staple colors of twisty puzzles (white, yellow, red, etc.) are completely missing. I conducted a series of polls on the FTO Discord server and we decided that this is the new unofficial standard color scheme for icosahedral puzzles. Please fix this. The current icosahedron color scheme is such an eyesore that it is genuinely the main reason why I don't solve icosahedral puzzles in Twizzle. 1320 x 760 - PNG (7)

🖼 Screenshots

I cannot vibe with this. custom-2  (7)

Expected behaviour

I expected the icosahedron color scheme to look like literally anything other than it currently does (preferably the color scheme I linked above).

Browser & operating system

Chrome (idk what version) on Mac OS

Additional info

Here are some of the names for the icosahedral puzzles listed on the site: Icosahedron 2 = Regular Astrominx Icosahedron 3 = Regular Astrominx + Big Chop Icosahedron moving faces = Icosaminx Here are some more that you could include to broaden the default puzzle selection in Twizzle: Potential puzzles that could be added (sorry I'm getting a little carried away with this whole icosahedron thing) Radiolarian 2: i f 0.7453559925 Radiolarian 3: i f 0.7 Astrominx (not regular astrominx, just astrominx): i v 0.275

JupiLogy commented 1 month ago

Could you confirm the colours that are meant to be opposite each other? Is white opposite purple-grey??

lgarron commented 1 month ago

I'd definitely love to update the colors.

Are you able to provide more context on the provided screenshot, or examples of it in action? I certainly like that (dark) green and white are in the traditional positions, but I'm a little concerned about three shades of lavender and there are fewer symmetries and similarities with other puzzles than possible.

Lord0fTheCubes commented 1 month ago

Sorry for the late replies.

This color scheme doesn't follow the trend of similar colors being opposite. The faces of an icosahedron can be thought of as five groups of four faces, with each group following the geometry of a tetrahedron. For example, the monochrome colors are all in one group, and they don't touch each other at all, even diagonally. The same doesn't apply to color schemes where similar colors are opposite; if white and light gray are opposite one another, there is nowhere to put dark gray and black so that they aren't diagonal or adjacent to white. So yes, white is intended to be opposite light purple. If you prefer a color scheme in which similar colors are opposite, here's an alternate color scheme. 1320 x 760 - PNG (8) (Edit: updated the image to use the same shades that Twizzle uses)

I don't have any examples of this color scheme on a puzzle, as it was only recently created. For background information on why the colors were placed where they were, read the above. The FTO server thread voted on what colors would be used. There is only one shade of lavender, one pink, one fuchsia, and one purple. The alternate color scheme above has many more similarities with the octahedron and icosahedron color schemes, if you'd prefer that.