468 Index Ca90c619

Interactive p5.js visualization showing p5.js architecture and execution model

tools-only Updated 7 repo stars

File contents

p5.js Architecture and Execution Model

Copy this iframe to your website:

<iframe src="https://dmccreary.github.io/claude-skills/sims/p5js-architecture/main.html" width="100%" height="600px"></iframe>

Run p5.js Architecture and Execution Model in Fullscreen{ .md-button .md-button--primary }

This Mermaid diagram illustrates the p5.js architecture showing the setup(), draw() loop, and event handlers.

Interactive Diagram

Overview

Shows the circular execution model with setup() running once, followed by draw() looping at 60 FPS, with event handlers responding to user interactions.

tools-only/X-Skills/tree/main/development/web/468-index_ca90c619 commit 537d158e3b

Frequently asked questions

npx skillmds@latest add tools-only/468-index-ca90c619