The Creative Demos Collection
37 interactive generative art experiments. p5.js, Canvas 2D, WebGL. No build step required. Open, explore, remix.
The Creative Demos Collection
A living archive of 37 interactive generative art experiments. Each demo is a standalone HTML file — no build step, no dependencies beyond a CDN link to p5.js or raw Canvas 2D.
The Philosophy
These demos are built on a simple principle: the artifact should be inspectable. Open the file, read the code, change a number, reload. The creative coding pipeline is: idea → code → render → publish.
Featured Demos
- Scroll-Chromatic Excavation — Scroll-driven text excavation with agent swarms and a full control panel
- Scroll-Isometric Dissolution — Isometric typography dissolves into particles under scroll velocity
- Percussive Archaeology — Rhythm-driven excavation of buried text
- Cursor Swarm Brush — 64 particles track your cursor through a recursive geometric subdivision
- Kinetic Type Physics — Physics-driven typography with mass, velocity, and collision
- Monolith Drummer — 3D monolith that responds to rhythm with WebGL
- Liquid Decryption — Text emerges from liquid simulation
- Tartan Weave Synth — Interactive generative tartan with 6 weave structures and historical dye colors
- Serial Permutation Canvas — Visualizing total serialism as particle geometry
The Full Collection
Browse all 37 demos at edgelesslab.com/creative.
Technical Notes
Most demos are built with p5.js 1.9.0. A few use raw Canvas 2D or WebGL. All are self-contained in a single HTML file. The only external dependency is the p5.js CDN link.
The demos are served from /creative-demos/ as static files. No server-side rendering, no build step, no framework. Just HTML, CSS, and JavaScript.
Remixing
Every demo is readable. Open the HTML file, scroll to the script tag, and modify the constants. The code is not minified or bundled. It is designed to be read.