Playing with fireworks 🎆 in WebGL and GLSL Shaders with Three.js Check it out here: https://pepe...Playing with fireworks 🎆 in WebGL and GLSL Shaders with Three.js Check it out here: https://pepe...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
José's avatar
José Félix
• Sep 10
Playing with fireworks 🎆 in WebGL and GLSL Shaders with Three.js
Check it out here: https://peperini.github.io/shaders/11-fireworks-shader/
(you have to click to create more fireworks)
three.jsWebGLglsl
TRUEFRAME logo
TRUEFRAME
max
• Sep 10
the tiny fireworks look cool. nice shader work.
Rohan's avatar
Rohan Ahmed
pro
• Sep 10
The particle burst feels satisfying because the interaction has an immediate payoff. A subtle intensity or color shift after repeated clicks could make the playground even more addictive.
Nicolette's avatar
Nicolette .
• Sep 10
love this omg
Maty's avatar
Maty Sandoval
max
• Sep 11
An interactive fireworks shader you can keep clicking to build up is such a satisfying rabbit hole to fall into. How much of this came from prior GLSL experience versus learning the shader math specifically for this piece?
Sahil 's avatar
Sahil Sharma
pro
• Sep 14
Nice work!!
Mumen's avatar
Mumen Dani
• Sep 16
This looks great. Are you updating particle position/velocity per frame on the CPU and pushing to a buffer attribute, or is it all happening in the vertex shader with a time uniform driving the motion?
Curious how it holds up performance wise once you spam click and stack multiple bursts at once
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started