Week 6 - Part 1 - Tone.js, Drones

This week, we move away from drawing machines and into the audio domain. We introduce Tone.js, a library for making music in the browser and Tonal.js, a library for music theory. We explore some of their basic concepts by creating droning oscillators.

Completed example on Glitch.com: https://glitch.com/~tone-drone

Tone.js: https://tonejs.github.io/

Timestamps
0:00 introducing Tone.js and Tonal.js
3:15 adding infrastructure to initialize audio upon user input
6:00 going over the Tone.js documentation page
7:40 creating an oscillator
8:33 connecting Tone objects
10:30 toDestination() and chaining functions
12:17 setting the master volume & Tone.js parameters
14:18 automating (animating) parameters
15:20 setting the oscillator’s frequency
16:30 mapping the mouse x coordinate to the oscillator's frequency
16:50 drawing a sound using a Waveform object
20:30 improving the waveform by using lines
21:55 stabilizing the waveform by finding a reference point
28:22 add a second oscillator
30:15 creating movement with a Low-Frequency Oscillator (LFO)
34:00 trying different Oscillator types

This video is part of a series of tutorials on Generative Art in p5.js developed for my course, RTA838 - Generative Processes at Ryerson University.