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

From the creator

In this video, I graph the amplitude (volume) values of a song in as a radial (circular) graph, using trigonometry and polar coordinates. Code: https://thecodingtrain.com/tracks/sound/sound/10-sound-visualization-radial-graph 🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/xe3uKLkl- 🎥 Previous: https://youtu.be/jEwAMgcCgOA 🎥 Next: https://youtu.be/2O3nm0Nvbi4 References: 🔗 p5.sound library: https://p5js.org/reference/#/libraries/p5.sound 🔗 getLevel(): https://p5js.org/reference/#/p5.Amplitude/getLevel 🔗 this.dot song: https://soundcloud.com/kristianpedersen/this-dot-feat-daniel-shiffman Videos: 🚂 https://youtu.be/O5wjXoFrau4 Timestamps: 0:00 Introduction 0:26 Wrap the graph around a circle 0:51 Simplify the code 1:44 Polar to cartesian coordinates 2:47 Let r be a function of volume 3:23 Outro Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound 🚂 Website: https://thecodingtrain.com/ 👾 Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide 🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box 💡 GitHub: https://github.com/CodingTrain 💬 Discord: https://thecodingtrain.com/discord 💖 Membership: http://youtube.com/thecodingtrain/join 🛒 Store: https://standard.tv/codingtrain 🖋️ Twitter: https://twitter.com/thecodingtrain 📸 Instagram: https://www.instagram.com/the.coding.train/ 🎥 https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 https://www.youtube.com/playlist

Published 2016-10-18 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.