Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Code: Galactic Light Trails

Chris Courses via YouTube

Start learning Write review
University of the People Ad

Earn Your CS Degree, Tuition-Free, 100% Online!

Learn More → Boot.dev Ad

Learn Backend Development Part-Time, Online

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This short project tutorial shows how to code a galactic light-trail effect with JavaScript and canvas. It covers randomized particles, canvas rotation, particle glow and color, edge filling, and mouse interaction.

Syllabus

Project overview
Initial canvas setup
Creating randomized particles
Randomize particle radii
Rotate the canvas to create spin effect
Spawn particles off the canvas to fill in edges due to translate
Randomize particle colors
Create glow effect for each particle
Add light trail effect on mousedown
Outro / Intro to chriscourses.com

Taught by

Chris Courses

Reviews

Start your review of How to Code: Galactic Light Trails

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.