Creative
38demos · p5.js, Canvas 2D, WebGLGenerative art, interactive typography, physics simulations, and creative coding experiments. Each demo is a standalone HTML file — no build step required. Open, explore, remix.
Tartan Weave Synth
controlsInteractive generative tartan based on Tartanism field notes. Brighter, natural textile palette. 6 weave structures, mouse-warped threads, and frame-by-frame export for animated GIFs.
Serial Permutation Canvas
controlsVisualizing total serialism as particle geometry. 12-tone series, prime/retrograde/inversion/rotation permutations, and color-mapped particles.
Scroll-Chromatic Excavation
controlsScroll through the void to excavate hidden text. Microscopic agents swarm toward dark pixels, revealing buried glyphs. Rebels erase. Builders reveal. Full control panel with sliders.
Scroll-Isometric Dissolution
Isometric typography dissolves into particles as you scroll. A 3D word space that collapses under velocity.
Percussive Archaeology
Rhythm-driven excavation of buried text. Each beat spawns agents that dig toward the hidden manuscript.
Noise-Shared Cursor Swarm Brush
64 particles lerp-track your cursor through a recursive geometric subdivision landscape. Noise-driven turbulence stains tiles as you move.
Algorithmic Fluid Plotter
Generative fluid dynamics rendered as pen-plotter compatible vector paths. Perlin noise drives the flow field.
Kinetic Type Physics
Physics-driven typography where letters have mass, velocity, and collision. Mouse repulsion and gravity well.
Monolith Drummer
A 3D monolith that responds to rhythm. Web Audio API drives the geometry, each beat deforms the surface.
Liquid Decryption
Text emerges from liquid simulation. Each letter is a fluid body that decrypts into position.
Elastic Shader Type
GLSL shader-driven typography that warps and stretches elastically. Mouse interaction creates ripples through the letterforms.
Flow-Field Scramble Typography
Letters navigate a vector flow field, scrambling and reassembling into words. Particle-driven text.
Harmonic Particle Atmosphere
Particles orbit in harmonic resonance, creating emergent patterns from simple rules.
Invisible Wind
Wind forces act on invisible structures. You see only the effect: bending grass, scattering leaves, rippling fabric.
Glassmorphism Data Atlas
A data visualization dashboard with frosted glass panels, real-time chart updates, and depth-based layering.
Bespoke Emotion Ledger
Five characters play Prisoner's Dilemma. Each has a distinct strategy, emotional state, and trust score. Visual encoding cycles every round.
Chromatic Physics Desk
Webcam color sampling becomes draggable physics stickers. Difference-blend cursor inverts everything it touches.
Dot-Matrix Cylinder Scroll
CSS 3D scroll-driven cylinder with 12 living dot-grid canvases. One grid is a live camera feed rendered as 16x16 brightness dots.
Elastic Feedback Stage
An interactive stage where every element has elastic feedback. Click, drag, and release to see the physics.
Fluid Font Gauntlet
Typography that flows like liquid through a gauntlet of obstacles. Letters split, merge, and reform.
Ink Trails Typewriter
A typewriter where each keystroke leaves an ink trail that bleeds and fades. The text accumulates as a living document.
Line Monument Valley
Generative landscapes inspired by Monument Valley. Lines form impossible architecture in isometric space.
Paper Atmosphere
Atmospheric effects rendered on paper texture. Fog, rain, and light filter through a tactile surface.
Pen-Plotter Decryption
A message decrypts itself as a pen plotter draws. Each letter appears as the pen traces its path.
Phonetic Flow Field
Phonetic symbols navigate a vector field. Each sound has a distinct path and behavior.
Postcard Matrix
A matrix of living postcards, each with its own animation. Click to flip and reveal the back.
Sashiko Wave Weaver
Sashiko stitching patterns weave into waves. Traditional Japanese craft meets generative motion.
Sashiko Weather
Weather data visualized through Sashiko stitching patterns. Rain, sun, and wind become thread.
Scroll Particle Swarm
Scrolling drives a particle swarm. Velocity spawns agents that explore the content.
Segregation Engine
controlsSchelling's segregation model as an interactive engine. Adjustable tolerance and density.
Sticky Magnetic Blueprint
Magnetic sticky notes on a blueprint grid. Drag, snap, and organize your ideas.
Synesthetic Weather Typewriter
Each keystroke produces weather. Type a storm, a sunny day, or a foggy morning.
Tessellated Breath
Breathing tessellation patterns that expand and contract. Each cell responds to its neighbors.
Tessellated Swarm Letterform
Letterforms built from tessellated swarms. Each letter is a colony of agents.
Volumetric Liquid Glyph
3D liquid glyphs rendered with volumetric shading. Each letter is a fluid body in space.
Corrupted Manuscript
A manuscript that corrupts itself as you read. Text degrades, glitches, and reforms.
Flow-Field Typography
Typography that flows through a vector field. Letters navigate obstacles and follow paths.
Ghost Sashiko Weaver
Sashiko patterns woven by ghost agents. Invisible hands stitch traditional patterns.