Completed
01. Draw a line
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
How to Code - Sine Waves
Automatically move to the next video in the Classroom when playback concludes
- 1 01. Draw a line
- 2 02. Ensure line has individual points to control y coordinates
- 3 03. Alter each point with Math.sin
- 4 04. Add amplitude to increase wave height
- 5 05. Add wavelength to elongate waves
- 6 06. Import dat.gui to fine-tune wave properties
- 7 07. Animate frequency with requestAnimationFrame
- 8 08. Clear background
- 9 09. Add fade effect
- 10 10. Add colors to wave
- 11 11. Add colors to background
- 12 12. Make properties dynamic with animation and Math.sin
- 13 13. Experiment!
