CREATIVE CODING

Generative design with p5.js

This is a collection of generative design experiments built with p5.js, bringing together a range of explorations across type, motion, sound, and interaction. Each sketch functions as a small system, where inputs, rules, and behaviors shape evolving visual outcomes. Rather than isolated projects, these works form a continuous playground for testing how code can structure relationships and create responsive, living forms.

Scope of work: Generative design · creative coding · interaction design · p5.js

Sketch Index

Form Sketches
Voice Sketches
Melting Glass Text
Glass Bubbles
Glass Vase
Real-time Face Mask

Form Sketches

Voice Sketches

Melting Glass Text

This is a generative typography experiment inspired by the fluid and luminous behavior of molten glass. Type any text, then press Enter to watch it dissolve into glowing particles that ripple, drift, and reform. The system captures a transient state in which structure softens into flow, letters shifting from rigid forms into something alive and continuously changing.

It supports multilingual input. On an English keyboard, press S to save and R to restart.

Glass Bubbles

Real-time Face Mask

Glass Vase

Previous
Previous

Bingo | UX/UI