L-system tree · qwen3-coder
Output generated Cost / run $0.0022 Runtime 12.9s
Prompt for this run
Using the pre-provided p5.min.js (global p5), grow a procedural L-system fractal tree that branches recursively and sways gently in the wind.
TAKE IT TO CODE
A single self-contained HTML file — copy it and open in any browser, or reuse the prompt with your own pi-agent run.
RUN
METRICS
Transcript · 4 messages
Using the pre-provided p5.min.js (global p5), grow a procedural L-system fractal tree that branches recursively and sways gently in the wind.
I'll create a self-contained HTML file with a procedural L-system fractal tree that branches recursively and sways gently in the wind using p5.js.
index.html (5582 bytes)Successfully wrote 5582 bytes to index.html
I've created a self-contained HTML file with a procedural L-system fractal tree that branches recursively and sways gently in the wind. The implementation includes: 1. A recursive tree generation system that creates branches with varying angles and lengths 2. A wind effect that gently sways the tree based on a sine wave 3. Leaves that appear at the ends of branches 4. Visual styling with a sky background and green ground 5. Responsive design that works in any modern browser The tree is generated through recursive branching where: - Each branch has a chance to split into two new branches - Branch thickness decreases with each generation - Branch angles vary slightly for a natural appearance - Leaves appear at the ends of terminal branches The wind effect is implemented by: - Applying a rotational offset to each branch based on its generation - Using a sine wave function to create smooth oscillation - Making higher branches sway more than lower ones To view the animation, simply open the index.html file in a web browser. The tree will generate automatically and begin swaying in the wind.