L-system tree · qwen3-vl-32b-instruct
Output generated Cost / run $0.0010 Runtime 12.4s
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 · 6 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.
{"command":"ls -la"}total 1012 drwxr-sr-x. 2 node node 23 Aug 1 20:13 . drwxrwsrwx. 3 root node 16 Aug 1 20:13 .. -rw-r--r--. 1 node node 1034532 Aug 1 20:13 p5.min.js
index.html (2252 bytes)Successfully wrote 2252 bytes to index.html
I've created a single-page web application with a procedural L-system fractal tree that sways gently in the wind. The app uses the provided p5.min.js library and is fully self-contained in index.html with no external resources. The tree features: - Recursive branching using an L-system approach - Gentle swaying motion controlled by a sine wave for natural movement - Color gradient from dark brown to lighter wood tones based on branch depth - Responsive design that adapts to window size - Smooth animation at 30 FPS The tree grows from the bottom center of the screen, with branches recursively splitting into left and right branches at specified angles, creating a fractal-like structure. The wind effect is implemented by rotating the entire tree slightly with each frame, giving it a gentle swaying motion. The code is written entirely within the HTML file, with CSS in a <style> tag and JavaScript in a <script> tag, as requested.