How to Code - Sine Waves

How to Code - Sine Waves

Chris Courses via YouTube Direct link

02. Ensure line has individual points to control y coordinates

2 of 13

2 of 13

02. Ensure line has individual points to control y coordinates

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. 1 01. Draw a line
  2. 2 02. Ensure line has individual points to control y coordinates
  3. 3 03. Alter each point with Math.sin
  4. 4 04. Add amplitude to increase wave height
  5. 5 05. Add wavelength to elongate waves
  6. 6 06. Import dat.gui to fine-tune wave properties
  7. 7 07. Animate frequency with requestAnimationFrame
  8. 8 08. Clear background
  9. 9 09. Add fade effect
  10. 10 10. Add colors to wave
  11. 11 11. Add colors to background
  12. 12 12. Make properties dynamic with animation and Math.sin
  13. 13 13. Experiment!

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.