Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Processing Starter with P5JS

Public visualization

Processing Starter with P5JS

0 stars2🌍 Public
CCurran Kelleher
Last edited Oct 30, 2020
Created on Nov 18, 2019
Forked from HTML Starter

This example presents a recursive fractal pattern of circles, rendered on a 960 by 500 pixel canvas using the P5JS library. The sketch’s `draw()` function calls `drawCircle()` six times, progressively halving the radius and shifting the x-coordinate to branch into two smaller circles per level. Each circle’s fill color is calculated by mapping the recursion level to a grayscale value, creating a subtle gradient across the nested shapes. The P5JS functions `createCanvas()`, `noLoop()`, and `ellipse()` structure the static visualization.

AI-generated description

A bare minimum P5JS program.

This is derived from CodePen: Empty Example for P5JS as well as the P5JS Recursion Example.

Comments

Sign in to join the discussion.

MIT Licensed