How to Code - Mace Windu's Lightsaber but With Like 10 Other Colors

This tutorial builds an interactive canvas particle effect resembling a lightsaber. It covers canvas setup, particle positioning with sine and cosine, mouse-based rotation using atan2, color effects, and easing with GSAP.

Syllabus

Introduction
Project overview
Initial canvas setup
Render particles on screen
Space particles out in line formation
Sine + cosine lesson on whiteboard
Rotate line based on init
Math.atan2 lesson to obtain angle of mouse coordinate
Rotate line based on mouse coordinates
Colorize background, add fade effect, and add rainbow particles
Add interpolation and easing with GSAP
Messing around with variables for funsies
Introduction to chriscourses.com