Show HN: Animating randomized L-Systems in real time

https://ehrenjn.github.io/LSystems/

by the_wack • 6 years ago

110 13 6 years ago

ehrenjn.github.io

mturmon2• 6 years ago

This is fun to see on HN, which has shown a (justifiable) affection for L-systems.

I wonder if an example that is closer to the original root of L-systems (biological/botanical shapes, like trees) would be a nice addition the the initial basic examples?

Rabidgremlin• 6 years ago

Plant shapes animate particularly will. See the example about halfway through this post: http://blog.rabidgremlin.com/2014/12/09/procedural-content-g...

mturmon2• 6 years ago

That's exactly the kind of rule system I had in mind, and it seems like it would fit into the scheme of the OP. Thanks.

the_wack• 6 years ago

you tend to get more tree looking structures if you crank up the rule complexity (https://ehrenjn.github.io/LSystems/lsystems.html?FADE_TIME_M...)

But if I had a way of raising the average number of square brackets per rule then it would probably end up generating a lot more trees.

v01dlight• 6 years ago

I present, a single pixel on LSD: https://ehrenjn.github.io/LSystems/lsystems.html?FADE_TIME_M...

davidhyde• 6 years ago

Wow that's so cool! Wish I could turn this into a screen saver.

cmauniada• 6 years ago

same here, ill do some digging once i get home and report back if i find a way.

edit: couldn't wait until I got home so I found a solution for mac users. You can use this[0] package to load screensavers from urls.

[0] https://github.com/liquidx/webviewscreensaver

carapace• 6 years ago

I didn't see the source linked from there, so: https://github.com/ehrenjn/LSystems

StreamBright• 6 years ago

This is wild. I really like L-Systems.

mkchoi212• 6 years ago

Lowkey looks like a Windows screen-saver. But very cool explanation of the visualization!

qubex• 6 years ago

Anybody who enjoys this should definitely check out Clifford Pickover’s book “The Pattern Book: Fractals, Art, and Nature” (1995) (https://books.google.com.mt/books?id=e77sCgAAQBAJ&pg=PA235&l...)

dunky11• 6 years ago

Just a detail on styling. The white text/ black background combination is kind of hard on the eye since it's too much contrast. I would use a lighter shade of black for the background. Something like #0f0f0f would work.

AtomicOrbital• 6 years ago

nicely done ... I wonder what the laptop battery draw difference would be if this had been written for WebGL rather than canvas ?

Show HN: Animating randomized L-Systems in real time

Related Stories