5 Tutorials
Sound & Creative Coding with p5.js

iHearYouCanCode

Hands-on exercises and interactive experiments for making sound with p5.js — from your first oscillator to full generative audio compositions.

New

The MIDI tutorial (experimental) is available — connect controllers and map notes, pads, and knobs to sound. More tracks on Generative Music and Synthesizers are on the way.

davidstein@nyu.edu
Tutorials

Exercise tracks

Each track builds on the last — from your first beep to reactive, generative audio sketches. All exercises run live in the browser using p5.js and p5.sound.

Oscillators & Synthesis

Create tones, shape waveforms, and control pitch and volume in real time.

waves

Loading & Playing Sounds

Load audio files, trigger samples, and layer loops with p5.SoundFile.

play_circle

Audio Analysis

Visualize waveforms, frequency spectra, spectrograms, and loudness with p5.FFT and p5.Amplitude.

equalizer

Effects & Filters

Shape your sound with low pass filters, delay, reverb, and more using p5.Filter and p5.Delay.

tune

MIDI Controllers EXPERIMENTAL

Connect MIDI keyboards, pads, and knobs to trigger sounds and control parameters with WEBMIDI.js.

piano
Resources

Sample libraries

Reference collections you can browse and pull URLs from for use in your sketches.

SuperDirt Sample Library

Browse, preview, and copy URLs from the classic Dirt-Samples collection used by TidalCycles live coding.

library_music