Overview

Structured is an interactive generative art tool that uses parametric L-Systems (Lindenmayer Systems) to produce complex geometric patterns. Users can control aspects like growth iterations, branching complexity, color dynamics, shape types, and more through an intuitive interface. The project makes procedural generation highly customizable, while offering a way to save and share designs via a compact seed system.

Key Features

• Dynamic L-System simulation with both simple and parametric rule generation
• Fine-grained control over appearance: color drift, opacity, stroke thickness
• Supports rendering multiple primitive shapes: lines, squares, circles, triangles, hexagons, and cubes
• Seed system for exporting and re-importing exact generation parameters
• Randomized rule generation with optional deterministic (seeded) randomness
• SVG export functionality for saving high-quality vector graphics
• Responsive, real-time updates with customizable sliders and color pickers
• Optimized for both canvas and SVG rendering contexts

Technical Implementation

Structured is built as a modular TypeScript project with a React frontend. The core procedural engine is encapsulated within a reusable LSystem class that models L-System growth, rule application, and canvas rendering. Rules for each generation can be randomly created using a custom seeded random generator, ensuring repeatability when needed.

The frontend provides an extensive set of user controls organized into categories (System, Size, Appearance, Shapes) using React component state. Color management between HSV and RGB/HEX spaces ensures smooth, intuitive color picking and adjustment.

Key technologies include:

• CanvasRenderingContext2D and canvas2svg for real-time and downloadable outputs
• React with state-driven architecture for parameter controls
• Parametric L-System logic, allowing runtime modification of rules and axiom complexity
• Custom serialization (seed codes) to compress the full parameter set into a sharable text string

Benefits

Structured democratizes generative art by providing a deeply customizable but user-friendly system for procedural growth. It allows users of any skill level to explore algorithmic creativity, whether for inspiration, design work, or simply artistic experimentation. The compact seed-sharing system also encourages collaboration and sharing of creations without large file transfers.