How to Code: Galactic Light Trails
Chris Courses Chris Courses
160K subscribers
18,038 views
0

 Published On Aug 19, 2020

Getting a galactic light trail effect isn't achieved by rotating particles individually—it's actually created by rotating a canvas as a whole. With a few tweaks to rotation, opacity fills, and object randomness, we can create an eye-catching effect that emulates a time-warp in space.

Get access to over 50+ free and premium tutorials at https://chriscourses.com

📃Table of Contents
00:00 Project overview
00:41 Initial canvas setup
05:43 Creating randomized particles
13:16 Randomize particle radii
14:55 Rotate the canvas to create spin effect
21:06 Spawn particles off the canvas to fill in edges due to translate
25:02 Randomize particle colors
28:08 Create glow effect for each particle
29:38 Add light trail effect on mousedown
37:02 Outro / Intro to chriscourses.com

🔗 Links
CodePen Example: https://codepen.io/chriscourses/pen/p...
Canvas Boilerplate: https://github.com/christopher4lis/ca...

show more

Share/Embed