Week 06 Homework - rybotron/wnm498genart_f14 GitHub Wiki

Visualizing Sound

Part 1. Reading

Finish reading chapter 3 of the Nature of Code sections 3.8 to the end of the chapter or watch the videos and study the p5.js examples.

Part 2. Coding

For this assignment you will be visualizing a piece of music using p5.js. This is part two of a two part assignment that is continuing from week 05. This week you will be implementing and improving upon the ideas you brainstormed and sketched out as well as creating scenes for specific moments in the song. Focus on making the elements move or swing with the music, not only reacting to the amplitude or volume of the song. See week 05 example 08 and week 06 example 06.

Trigger scenes using conditional if/else or switch statements comparing the sound.currentTime(), mouse / keyboard / touch input, random or noise, or amplitude of the song. See the week 06 examples 07 and 08.

Also, utilize the techniques learned from chapter 3 of the Nature of Code in at least one of your animations. It can be simple harmonic oscillation to move your elements in an arced or circular path or use atan2 or heading in p5.js to make elements look in the direction of another element or the mouse, etc.

Lastly, add color to your elements and background that fit mood and vibe of the song.

Specs for animation

  • Include all the requirements from Week 05
  • Trigger scenes using conditional statements
  • Use techniques from Chapter 3 in the NOC in at least one of your scenes
  • Add appealing color to your elements that fits the mood of the song
  • Upload to the repo a completed p5.js visualization with audio
  • In that folder include your animation and code plan as a formatted .md markdown file.

Reference

Homework Links