# Confetti

> Confetti: click to fire a confetti cannon of tissue, paper, foil, stars and streamers that flutter down into a pile you can sweep, shake and clear. A real-time WebGPU experiment by Luis Bizarro.

The coloured paper studio starts empty. Every click fires a cannon from the point you clicked: a few hundred pieces of tissue discs, paper rectangles, foil squares, sequins, stars and curled streamers leave in a jet of air, open into a fan and flutter down one by one, each piece a small plate that tumbles, glides and turns broadside to the air, before settling on the pile. Each burst brings its own party palette (twenty-four of them, from tissue pastels to fiesta, valentine, midnight gold, rave and champagne), and the studio paper changes with it, so the pile builds up in layers of past parties. The pointer sweeps through the pile and kicks it up where it passes; holding a press clears the studio; moving the browser window shakes it, and on phones tilting does. Tissue is translucent and lets the colour behind it through, foil is a crinkled mirror that glints as it turns. A popper bang and the rustle of falling paper are layered CC0 recordings.

- Live: https://confetti.bizar.ro/ (needs WebGPU: a recent Chrome, Edge or Safari)
- Built with: Raw WebGPU and WGSL, TypeScript and Vite.
- Author: Luis Bizarro, creative technologist and real-time 3D developer for the web

## Author

Luis Bizarro builds real-time 3D for the web with WebGL and WebGPU: shaders, interactive scenes and award-winning creative websites. His work includes Apple, Airbnb, Active Theory, National Design Studio, UNIT9 and independent studios.

- [Portfolio](https://bizar.ro/): every project and experiment
- [Portfolio for agents](https://bizar.ro/llms.txt)
- Contact: luis@bizar.ro