Add click event listener to populate particles array
4
Render particles on click
5
Add particle velocity for ring expansion effect
6
Add randomness to ring expansion
7
Create light trail effect
8
Add gravity and friction
9
Fade particles out over time and remove from canvas
10
Colorize particles 🎉
11
Speed-run / additional firework examples
12
Outro / Intro to chriscourses.com
Description:
Learn to create realistic canvas fireworks in this 29-minute tutorial. Master techniques for expanding particles in a ring formation, adding randomness, implementing deceleration, gravity, and friction, and creating trail effects for stunning explosions. Follow along to set up the canvas, add click events, render particles, apply velocity for ring expansion, incorporate randomness, create light trails, add physics, fade particles, and colorize the fireworks. Includes a speed-run of additional examples and an introduction to further resources on chriscourses.com.