Главная
Study mode:
on
1
Introduction
2
Project overview
3
Initial canvas setup
4
Render particles on screen
5
Space particles out in line formation
6
Sine + cosine lesson on whiteboard
7
Rotate line based on init
8
Math.atan2 lesson to obtain angle of mouse coordinate
9
Rotate line based on mouse coordinates
10
Colorize background, add fade effect, and add rainbow particles
11
Add interpolation and easing with GSAP 🎉
12
Messing around with variables for funsies
13
Introduction to chriscourses.com
Description:
Learn to create an interactive lightsaber-inspired effect using HTML5 Canvas in this 43-minute tutorial. Explore essential concepts for canvas game development, including circular motion with sine and cosine functions, and object rotation based on mouse positioning using atan2. Master techniques for rendering particles, implementing colorful effects, and adding smooth animations with GSAP. Follow along as the instructor guides you through initial setup, particle manipulation, background customization, and advanced interpolation techniques. Gain valuable insights into canvas game development while creating an engaging visual effect inspired by Mace Windu's lightsaber with multiple color variations.

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

Chris Courses
Add to list
0:00 / 0:00