Fractal Play — SVG fractals with mouse controls

Show and Tell
1

I wrote a client-only app in Elm for drawing fractals in SVG! Play with it here: https://morrna.github.io/fractal-play/

There are lots of tools out there for generating fractals, but all the ones I’ve seen require you to do things like type in parameters to customize them. This app is my attempt to make a more intuitive version of that with a click and drag interface so you can just fiddle with things and see how they affect the final image. You can find all sorts of interesting in-between patterns that you wouldn’t find otherwise.

Screenshot from 2024-11-17 10-51-49
Screenshot from 2024-11-17 10-51-491140×761 144 KB

The features are still pretty bare bones. It’s just a weekend passion project, so I can’t make promises about what I’ll add, but I am open to ideas on what to improve next. Feel free to check out the code or leave feedback on github: https://github.com/morrna/fractal-play

Enjoy!

7 Likes
2

This is really cool @lightroastespresso!

I didn’t know you could define fractals like this, it’s really beautiful.
It seems that the “Start from” dropdown doesn’t work (EDIT: on Chrome), which makes me sad because I really wanted to see the other fractals.

I am open to ideas on what to improve next

I think that a undo-redo button/shortcut would be great here. Having to carefully drag the knob back to where they were originally is tricky :sweat_smile:

3

The “Start from” dropdown works for me (firefox).