DEV Community

Cover image for L-system visualization experiment
Andras Nyarai
Andras Nyarai

Posted on

L-system visualization experiment

Hi there,

from a long time, i plan to write an l-system visualizer, to understand it how they are related to fractals, be able to write better/more readable code in the process, and to create stunning visual clips.

bout i stuck a bit on the ui, i want it to be mobile friendly, and maybe already even in alpha there are too many control options.

i would welcome any feedback, even architectural as well.

the gist of it maybe needed to be ported to OffscreenCanvas, and RequestAnimationFrame.

So have a look at it, i'm at utmost interest what shapes you can make with it.

go space fill with some curves

Alt Text

(the three checkboxes are: 1. - clear before draw, 2. - clear remaining timeouts, 3. draw full shape at once)


Visual Experiments

Netlify Status

Chaotic Maps & Attractors

An exploration through the abstract world of chaotic maps, attractors and bifurcation diagrams. The initial conditions, constants can be adjusted via knobs, and the canvas can handle zoom, for fine grained details.

Lindenmayer Systems

A parallel rewriting system for Space-filling Curves and fractals. Each geometric structure describes itself as an axiom and production rules, to calculate the n-th generation of a structure, the production rules are applied as a rewriting rule on the axiom. To draw the structure on to the canvas, the output symbols are translated into vector graphics commands.

Hausdorff Dimensions

A recursive implementation of the most well-known fractals, the Mandelbrot Set in particular is drawn with direct pixel manipulation and spawning web workers.

Discussion (0)