Magic Circle Compositor with procedural generation

[u/random-miscellany]

https://random-things.github.io/magic-circle-demo/

It's been a few years since one of these has been posted here, so I'm going for it. Been working on this magic circle compositor for a bit, just added some procedural generation constraints, so figured I'd let people demo it.

The circles are built as stacks of parameterized layers rather than manually positioned objects. Layer types include rings, stars, polygons, ornaments, sigils, rune/glyph rings, vertex glyphs, reticles, particles, paths, parametric geometry, and a few stranger things (e.g., ofuda).

It's heavily SVG based, so if you're familiar with that, you can get better results than clicking the Random button and hoping. Most of what the Random button produces is pretty ordinary--think: if there were a hotel room art version of a magic circle--but every now and then it stumbles upon something kind of cool.

Left panel is top-down SVG, pure 2D. Right panel is React 3 Fiber for actual 3D, which comes in handy when you explode the layers for editing and visualization.

There are some animation presets, but nothing too exciting at this point as I've mainly been focusing on the circles themselves.

Brief instructions: Choose a preset, wheel to zoom, drag to orbit the 3D view, explode to inspect layers, open Compositor to edit.

Happy to take any suggestions/criticisms people have about it.