The sketch demonstrates how to shape the p5.Oscillator class using an Envelope in order to create short “windows” of sound.
The sound is processed further with the p5.Biquad and p5.Delay class demonstrating how to “chain” effects.
Moving the mouse along the x-axis changes the biquad filter’s “center frequency” making the note sound brighter or more muffled.
Try to process sounds with other effects such as the p5.Reverb, p5.Panner, and p5.PitchShifter to create different effects.
Echo Synth: Edited and maintained by p5.js Contributors and Processing Foundation. Licensed under CC BY-NC-SA 4.0.
Related Examples
An image of sound waves rendered in p5.js.
Making a Beep
Creating tones with an Oscillator.
An image of sound waves rendered in p5.js.
Filtering Sound
Simulate the sound of waves and wind with white noise.
An image of sound waves rendered in p5.js.
Playing Melodies
Create melodic music using an array of pitch values.
An image of sound waves rendered in p5.js.
Echo Synth
Trigger a short sound with an echo effect.
An image of sound waves rendered in p5.js.
Sample Playback
Load a soundfile and change its properties.
An image of sound waves rendered in p5.js.
Measuring Amplitude (Visualization)
Analyze the amplitude of sound with p5.Amplitude.
An image of sound waves rendered in p5.js.
Visualizing Sound
Spectral analysis for audio-responsive animations.
An image of sound waves rendered in p5.js.
Connecting to ToneJS
Working with AudioContexts and cross-library synthesis.