Live Stream #45: Sound Synthesis, Envelope and Supershapes

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


Category:
Tutorial
Duration: 2:08:45
9,327 views
176

Live from sfpc.io!
In this live stream, I cover more sound topics in p5.js: Sound synthesis and sound envelope. Also, I continue the topic of superformulas with a video on 2D supershapes.

17:53 - Prepping Sound Synthesis
37:19 - Sound Synthesis with p5.js
53:57 - Back after timeout
1:06:57 - Prepping Sound Envelope
1:21:23 - Sound Envelope with p5.js
1:44:26 - Supershapes
2:02:07 - Conclusion


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

Send me your questions and coding challenges!

Contact: https://twitter.com/shiffman

For my previous Superellipse video: https://www.youtube.com/watch?v=z86cx2A4_3E

Links discussed in this video:
Max/MSP tutorials: https://www.youtube.com/user/dude837
Paul Bourke's Supershapes page: http://paulbourke.net/geometry/supershape/
ADSR Envelope on Wikipedia: https://en.wikipedia.org/wiki/Synthesizer#Attack_Decay_Sustain_Release_.28ADSR.29_envelope
Image of different waves on Wikipedia: https://en.wikipedia.org/wiki/Sawtooth_wave#/media/File:Waveforms.svg
p5.js Sound Envelope reference: https://p5js.org/reference/#/p5.Env
p5.js Sound Oscillator reference: https://p5js.org/reference/#/p5.Oscillator

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

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

For More Sound Videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6aFcVjlDAkkGIixw70s7jpW

Help us caption & translate this video!

http://amara.org/v/Qbrj/

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



Other Videos By The Coding Train


2016-06-27Coding Challenge #24: Perlin Noise Flow Field
2016-06-26I.6: noiseDetail() - Perlin Noise and p5.js Tutorial
2016-06-24I.5: 2D Noise - Perlin Noise and p5.js Tutorial
2016-06-24I.4: Graphing 1D Perlin Noise - Perlin Noise and p5.js Tutorial
2016-06-23I.3: noise() vs random() - Perlin Noise and p5.js Tutorial
2016-06-23I.2: Introduction - Perlin Noise and p5.js Tutorial
2016-06-22Live Stream #46: Perlin Noise and Flow Fields
2016-06-21Coding Challenge #23: 2D Supershapes
2016-06-2017.7: ADSR Envelope - p5.js Sound Tutorial
2016-06-1817.6: Sound Synthesis - p5.js Sound Tutorial
2016-06-17Live Stream #45: Sound Synthesis, Envelope and Supershapes
2016-06-1717.5: Adding Sound Effects - p5.js Sound Tutorial
2016-06-16Coding Challenge #22: Julia Set in Processing
2016-06-16Live Stream #44: Julia Set and Sound Effects with p5.js
2016-06-13Coding Challenge #21: Mandelbrot Set with p5.js
2016-06-11Live Stream #43: Mandelbrot Set with p5.js
2016-06-09Coding Challenge #20: 3D Cloth with toxiclibs
2016-06-0917.4: Amplitude Analysis - p5.js Sound Tutorial
2016-06-0817.3: Timing, Jumps and Cues - p5.js Sound Tutorial
2016-06-0817.2: Play and Pause Button - p5.js Sound Tutorial
2016-06-0717.1: Loading and Playing - p5.js Sound Tutorial


Tags:
sound
live
synthesis
envelope
daniel shiffman
p5.js
tutorial
p5.js tutorial
coding
creative coding
coding challenge
javascript
p5js
algorithms
programming
html5 audio
p5.js sound
p5.js sound library
javascript audio
p5.js sound tutorial
html5 sound
javascript audio tutorial
supershapes
superformulas
sound envelope
adsr envelope
amplitude
frequency
sine wave
sawtooth wave
square wave
triangle wave