https://onivers.com/ My little place to experiment with creative web dev

Fun! Some description of the controls would be great but easy enough to understand after a few clicks

Thank you ^_^

>Some description of the controls would be great True, i'll add that tomorrow

Nice color propagation! I enjoyed the different base shapes (triangle, hexagon, etc.). I had experimented with the hexagonal version in Three.js here: https://onivers.com/hexalife/ tweaking the rules to explore interesting patterns.

For now, as Firefox support is not yet good, We can use nested rules in CSS. HTML:

<my-custom-element> <p>This is a paragraph</p> </my-custom-element>

CSS:

my-custom-element { p { color: blue; } }

By choosing a unique name for the custom element, we achieve near the same functionality as @scope.

Svelte does a similar thing: when a component is compiled, it gets a scope class, and its own styles are placed in that scope.

Is this not the same as having a class with a unique name, and applying it to a parent div

Quite the same if you use nested css on the div.class-name-here. The diff is in the semantic. My post was about using nested CSS to "emulate" @scope

Another good resource for maze algorithms is Walter D. Pullen's website: https://www.astrolog.org/labyrnth/algrithm.htm . The page showing his maze generations is also interesting: https://www.astrolog.org/labyrnth/maze.htm .

CSS animation are usually done with the use of the transform propertie. The transform propertie does not trigger painting, and then can be done with the help of the GPU.

https://csstriggers.com/transform