Coding Assignment Week #5 – Midterm Project Preperation

Inspiration:

Music Notes Photos, Download The BEST Free Music Notes Stock Photos & HD ImagesCrosley Cruiser Deluxe Vinyl Record Player - Audio Turntables - Walmart.comHow to use Enhance Recording in iOS 14 Voice Memos | AppleInsider

 

 

 

 

 

 

 

 

Music and musical notes have always been an interest of mine, and I am specifically intrigued by how different instruments, amplitudes, and volumes work together to make music. I started to think of how these ideas can be visualized through a program, and that when I thought of the audio-generated record player!

 

Concept:

The main idea of my code is using user’s audio input to instantiate objects these orbiting circles. The more noise the user makes, the mic.getlevel function will record that volume, and objects of the particle class will be instantiated. Besides the particle system concept, I decided to also integrate the sin and cosine function that take in the angle as an input, which creates that curved path. Ideally I plan to also allow the program to play different music/change colors and speeds based on the volume of the user’s audio. For instance: associating higher volumes to brighter colors (oranges, yellows, reds), more high pitched music(guitar, bass, drums), and increasing the speed of the particles, while associating lower volumes to more dull colors (blue, purple, green), more low pitched music(piano, violin, harp), and decreasing the speed of the particles,

Color Psychology: Does It Affect How You Feel?

Sketch:

Clap your hands, or make any noise to start the program.

Note: Make sure to allow access to mic when the pop-up appears

Challenges I may encounter:

Trying to integrate the microphone, and get volume is still really out of my comfort zone, but since the weight of this project is on creativity I am more eager to take the challenge. I feel like I may struggle to identify what volume exactly should be considered high/low pitch in order to make the program’s colors/speeds/audios transition. I think it might help for me to watch videos on youtube, I already began watching a few from the coding train which is how I made progress to the code above. I plan to watch more, and continue to keep making sample sketches.

javascript - Creating a Sound Wave using P5.js - Stack Overflow