Live Stream #42: Sound in p5.js + 3D Cloth with toxiclibs
87Live from sfpc.io!
In this live coding session, I'm introducing a new series of videos on the subject of Sound in p5.js. I'm going to show you the basics of loading and playing a mp3 sound file in browser. Then I'm gonna go over how to control the speed and pitch of the playback and how the sound can affect the visuals of your sketches.
Finally, I'm going to make a 3D cloth in Processing using the toxiclibs physics library.
9:35 - Presentation of today's topics
53:57 - Loading and playing a sound file
1:19:56 - Adding a button to control playback
1:31:26 - Controlling timing with sound files
1:55:43 - Use sound amplitude to control visual elements of a sketch
2:20:53 - 3D cloth with toxiclibs in Processing
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!
Contact: https://twitter.com/shiffman
Links discussed in this video:
Nature of Code class on Kadenze: https://www.kadenze.com/courses/the-nature-of-code/info
p5.js sound library reference: https://p5js.org/reference/#/libraries/p5.sound
toxiclibs physics library: http://toxiclibs.org/
Song used in the examples: http://freemusicarchive.org/music/The_Columbians/Antique_Phonograph_Music_Program_08252015/Just_Like_A_Rainbow
Source Code for the Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/Qbry/
📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct