Graphing Sine Wave

Nature of Code Lesson #3.6
❰ Watch all videos ❱

What does a sine wave look like? In this video I look at how to graph and animate a sine wave in p5.js varying the period and phase.

Topics

  • 0:00 - Good to see you again!
  • 0:31 - Explain! How do we graph a wave?
  • 1:30 - Code! Let's do that right now!
  • 3:18 - Code! Let's try varying the period
  • 4:22 - Explain! Why are we here again?
  • 5:05 - Code! Change the starting angles
  • 6:52 - Code! What happens if we go back to angular velocity?
  • 7:19 - Code! Whoa! Let's use a static increment value
  • 8:10 - Ideas! Go make something awesome!
  • 9:29 - See you in the next video!
icon for p5js Sine Wave Graph Exercise
icon for p5js Playing With Period
icon for p5js Graphing Wave
icon for p5js Circular Wave Exercise

Community Contributions

It seems like there haven't been made any variations based on this lesson by the community yet. Be the first and add your own! If you don't know how, take a look at this guide.