17.10: Sound Visualization: Radial Graph - p5.js Sound Tutorial

Channel:
United States The Coding Train
Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=h_aTgOl9J5I


Category:
Tutorial
Duration: 3:53
42,427 views
530

In this short addition to the previous "p5.js Sound Tutorial" video, I graph the amplitude (volume) values of a song in as a radial (circular) graph, using trigonometry and polar coordinates

Support this channel on Patreon: https://patreon.com/codingtrain

Send me your questions and coding challenges!
Contact: https://twitter.com/shiffman

p5.js sound library reference: https://p5js.org/reference/#/libraries/p5.sound
p5.getLevel function reference: https://p5js.org/reference/#/p5.Amplitude/getLevel
Kristian Pedersen's this.dot song: https://soundcloud.com/kristianpedersen/this-dot-feat-daniel-shiffman
My video explaining Polar Coordinates: https://www.youtube.com/watch?v=znOBmOrtz_M

Source Code for the Video Lessons: https://github.com/CodingTrain/Rainbow-Code

p5.js: https://p5js.org/
Processing: https://processing.org

For More Sound in p5.js videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6aFcVjlDAkkGIixw70s7jpW

Help us caption & translate this video!

http://amara.org/v/Xzv6/

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct



Other Videos By The Coding Train


2016-10-277.1: Intro to Session 7: Context-Free Grammar - Programming with Text
2016-10-26Live Stream #65: Session 7 - Programming from A to Z
2016-10-266.2: Homework Assignment Session 6 - Programming with Text
2016-10-25Coding Challenge #42: Markov Chains - Part 2
2016-10-24Coding Challenge #42: Markov Chains - Part 1
2016-10-226.1: Intro to Session 6: Markov Chains - Programming with Text
2016-10-21Live Stream #64: Session 6 - Programming from A to Z
2016-10-21Q&A #6: p5.js Sketch as Background
2016-10-20Coding Challenge #41: Clappy Bird!
2016-10-1917.11: Sound Visualization: Frequency Analysis with FFT - p5.js Sound Tutorial
2016-10-1817.10: Sound Visualization: Radial Graph - p5.js Sound Tutorial
2016-10-1717.9: Sound Visualization: Graphing Amplitude - p5.js Sound Tutorial
2016-10-1717.8: Microphone Input - p5.js Sound Tutorial
2016-10-15Live Stream #63: Sound in p5.js Continued + Q&A
2016-10-14Live Stream #62: Week 5 of Programming from A to Z
2016-10-135.3: Homework Assignment Week 5 - Programming with Text
2016-10-12Coding Challenge #40.3: TF-IDF
2016-10-11Accessibility with Claire Kearney-Volpe and Chancey Fleet
2016-10-11Coding Challenge #40.2: Word Counter in Processing
2016-10-10Coding Challenge #40.1: Word Counter in JavaScript
2016-10-075.2: Associative Arrays in JavaScript - Programming with Text


Tags:
p5.js
sound
p5
js
javascript
play
javascript (programming language)
tutorial
tutorial (media genre)
creative coding
coding
daniel shiffman
coding challenge
programming challenge
p5.js tutorial
p5 js
html5 audio
p5.js sound
p5.js sound library
p5.js audio
javascript audio
javascript sound
javascript sound tutorial
javascript audio tutorial
sound input
sound visualization
amplitude visualization
visualization p5.js
polar coordinates