Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

P5.js Starter

Public visualization

Viewing a saved revision (read-only)

0977fdf8747442f9b5770e77448a1f2b

P5.js Starter

1 star16🌍 Public
CCurran Kelleher
Last edited Jan 31, 2024
Created on Jan 31, 2024

This example demonstrates a generative drawing of concentric circular targets rendered with P5.js, adapted from the P5.js “Functions” example. The sketch uses `createCanvas`, `background`, `noStroke`, `noLoop`, `fill`, and `ellipse` to draw three targets at varying positions, each composed of nested gray-scale circles. The code is structured to work with VizHub’s hot reloading by binding P5 instance functions and attaching `setup` and `draw` to the P5 instance.

AI-generated description