# Wrap

> Wrap: a sheet of bubble wrap shot like a macro product photo, to press, pop and run your thumb along. A real-time WebGPU experiment by Luis Bizarro.

A sheet of iridescent bubble wrap fills the window, close and oblique, on a near-black paper backdrop under a large softbox. Press a bubble and it dents, then pops into crumpled film with a recorded pop. Keep the pointer down and run it across the sheet to pop a row, like a thumb. Pop seven in ten of the bubbles in view and they grow back in a wave. Every pixel is raytraced through a height field of hexagonally packed domes: Fresnel reflections of a studio on the front and back walls of each bubble, transmission tinted by the film's path length, the paper seen through and bent by the domes, the sheet's caustic shadow on the paper, crinkles and hard facet glints on popped film, thin-film iridescence, temporal antialiasing and AgX tone mapping. Sound: real bubble-wrap recordings (CC0), one take per pop.

- Live: https://wrap.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