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.
Overview
Syllabus
Project overview
Initial canvas setup
Add click event listener to populate particles array
Render particles on click
Add particle velocity for ring expansion effect
Add randomness to ring expansion
Create light trail effect
Add gravity and friction
Fade particles out over time and remove from canvas
Colorize particles
Speed-run / additional firework examples
Outro / Intro to chriscourses.com
Taught by
Chris Courses
