Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.
01. Draw a line
02. Ensure line has individual points to control y coordinates
03. Alter each point with Math.sin
04. Add amplitude to increase wave height
05. Add wavelength to elongate waves
06. Import dat.gui to fine-tune wave properties
07. Animate frequency with requestAnimationFrame
08. Clear background
09. Add fade effect
10. Add colors to wave
11. Add colors to background
12. Make properties dynamic with animation and Math.sin
13. Experiment!
Chris Courses
Get personalized course recommendations, track subjects and courses with reminders, and more.
