- Tone.AMSynth
- is composed of two
- Tone.Synths
- where one Tone.Synth modulates the amplitude of a second Tone.Synth.
-
+
+
+
+
+
+
+
+
+
+
+ Tone.AMSynth
+ is composed of two
+ Tone.Synths
+ where one Tone.Synth modulates the amplitude of a second
+ Tone.Synth.
+
-
-
-
+ Tone.FFT
+ returns the amplitude of the incoming signal at different
+ frequencies.
+ Tone.Waveform
+ returns the signal value between 0-1.
+
-
- Tone.FFT
- returns the amplitude of the incoming signal at different frequencies.
- Tone.Waveform
- returns the signal value between 0-1.
-
+
+
+
-
-
+ Tone.MetalSynth
+ creates metallic, inharmonic sounds using 6
+ Tone.FMOscillators
+ with a tuning based on the TR-808 Cymbal.
+ Tone.MembraneSynth
+ makes kick and tom-like sounds using a frequency envelope which
+ is triggered on notes attack.
+
-
-
-
- Tone.MetalSynth
- creates metallic, inharmonic sounds using 6
- Tone.FMOscillators
- with a tuning based on the TR-808 Cymbal.
- Tone.MembraneSynth
- makes kick and tom-like sounds using a frequency envelope which is triggered on notes attack.
-
+
+
+
-
-
- Buses make it easy to share effects across many instruments.
- Docs on send and - receive. -
- send
- audio to a named bus from an instrument and then receive that
- channel on your effect. The gain values are all in decibels.
- - Docs on send and - receive. -
-
-
+ Buses make it easy to share effects across many instruments.
+
+ Docs on + send + and + receive. +
+ send audio to a named bus from an instrument and
+ then receive that channel on your effect. The gain
+ values are all in decibels. + Docs on + send + and + receive. +
+
+
- Envelopes ramp amplitude, frequency or any other parameter over time.
- Tone.Envelope and the classes that extend it
- implement an ADSR envelope type
- which splits its ramp into four distinct phases: Attack, Decay, Sustain, Release.
- 
-
+ tone-trigger {
+ margin-bottom: 10px;
+ }
+
+
-
+ Envelopes ramp amplitude, frequency or any other parameter over
+ time.
+ Tone.Envelope
+ and the classes that extend it implement an
+ ADSR
+ envelope type which splits its ramp into four distinct phases:
+ Attack, Decay, Sustain, Release.
+
+
-
+
-
+
+
+
- Tone's Event classes (Tone.ToneEvent,
- Tone.Loop,
- Tone.Part and
- Tone.Sequence)
- simplify scheduling events along the Transport. Each class abstracts away calls to
- Transport.schedule or
- scheduleRepeat
- and lets you create precise, rhythmic events which are startable, stoppable and loopable.
- (note that ToneEvent was called Event before Tone.js 14.x)
-
-
-
-
-
+ Tone's Event classes (Tone.ToneEvent,
+ Tone.Loop,
+ Tone.Part
+ and
+ Tone.Sequence) simplify scheduling events along the Transport. Each class
+ abstracts away calls to
+ Transport.schedule
+ or
+ scheduleRepeat
+ and lets you create precise, rhythmic events which are
+ startable, stoppable and loopable. (note that ToneEvent was
+ called
+ Event
+ before Tone.js 14.x)
+
+
+
+
+
- Tone.FMSynth
- is composed of two
- Tone.Synths
- where one Tone.Synth modulates the frequency of a second Tone.Synth.
-
+
+
+
+
+
+
+
+
+ Tone.FMSynth
+ is composed of two
+ Tone.Synths
+ where one Tone.Synth modulates the frequency of a second
+ Tone.Synth.
+
-
-
-
- Tone.GrainPlayer uses
- granular synthesis
- to enable you to adjust pitch and playback rate independently. The grainSize is the
- amount of time each small chunk of audio is played for and the overlap is the
- amount of crossfading transition time between successive grains.
-
-
-
+ Tone.GrainPlayer
+ uses
+ granular synthesis
+ to enable you to adjust pitch and playback rate independently.
+ The grainSize is the amount of time each small chunk of audio is
+ played for and the overlap is the amount of crossfading
+ transition time between successive grains.
+
-
-
-
- Tone.FatOscillator creates multiple oscillators
- and detunes them slightly from each other to thicken the sound. The
- FatOscillator is also available in Tone.OmniOscillator - by prefixing another type with "fat", then use the count and spread to control the number and detune of the oscillators. To create a "supersaw":
- Jump by Van Halen MIDI converted using @tonejs/midi -
+
+
+
+
+
+
+
+
+ count parameter sets
- the number of oscillators and spread sets the total spread (in cents) between the oscillators.
- - FatOscillator is also available in Tone.OmniOscillator - by prefixing another type with "fat", then use the count and spread to control the number and detune of the oscillators. To create a "supersaw":
omniOscillator.type = "fatsawtooth".
- - Jump by Van Halen MIDI converted using @tonejs/midi -
+ Tone.FatOscillator
+ creates multiple oscillators and detunes them slightly from each
+ other to thicken the sound. The
+ FatOscillator is also available in + Tone.OmniOscillator + by prefixing another type with "fat", then use the count and + spread to control the number and detune of the oscillators. To + create a "supersaw": +
+ Jump by Van Halen MIDI + converted using + @tonejs/midi +
- count parameter
+ sets the number of oscillators and spread sets the
+ total spread (in cents) between the oscillators. + FatOscillator is also available in + Tone.OmniOscillator + by prefixing another type with "fat", then use the count and + spread to control the number and detune of the oscillators. To + create a "supersaw": +
omniOscillator.type = "fatsawtooth". + Jump by Van Halen MIDI + converted using + @tonejs/midi +
-
-
+
+
- These effects use an LFO (Low Frequency Oscillator) to modulate the effect. Click and drag the dot to change the frequency and depth of the effect.
-
- Docs on Tone.AutoPanner, - Tone.AutoFilter, and - Tone.Tremolo -
+
+
+
+
+
+
+
+ - Docs on Tone.AutoPanner, - Tone.AutoFilter, and - Tone.Tremolo -
+ These effects use an
+ LFO
+ (Low Frequency Oscillator) to modulate the effect. Click and
+ drag the dot to change the frequency and depth of the effect.
+
+ Docs on + Tone.AutoPanner, + Tone.AutoFilter, and + Tone.Tremolo +
- + Docs on + Tone.AutoPanner, + Tone.AutoFilter, and + Tone.Tremolo +
- Meter
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+ Meter
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/mixer.html b/examples/mixer.html
index 8c2a7325..9c36139c 100644
--- a/examples/mixer.html
+++ b/examples/mixer.html
@@ -1,74 +1,99 @@
-
+
-
-
- Mixer
+
+
+ Mixer
-
-
+
+
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+ MonoSynth
+
+
+ MonoSynth
-
-
+
+
-
-
-
-
-
-
-
-
-
-
+
+
+
-
-
+ ui({
+ tone: synth,
+ parent: document.querySelector("#content"),
+ name: "MonoSynth",
+ });
+
+
diff --git a/examples/noises.html b/examples/noises.html
index f130988e..35da0296 100644
--- a/examples/noises.html
+++ b/examples/noises.html
@@ -1,63 +1,81 @@
-
+
-
-
- Noise
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+ Noise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/offline.html b/examples/offline.html
index c470a4b6..ac6b156d 100644
--- a/examples/offline.html
+++ b/examples/offline.html
@@ -1,103 +1,139 @@
-
+
-
-
- Offline
+
+
+ Offline
-
-
+
+
-
-
-
-
-
-
-
-
-
-
+
+
-
-
+ document
+ .querySelector("tone-play-toggle")
+ .addEventListener("start", () => player.start());
+ document
+ .querySelector("tone-play-toggle")
+ .addEventListener("stop", () => player.stop());
+
+
diff --git a/examples/oscillator.html b/examples/oscillator.html
index 15677bff..ab771e33 100644
--- a/examples/oscillator.html
+++ b/examples/oscillator.html
@@ -1,53 +1,71 @@
-
+
-
-
- Oscillator
+
+
+ Oscillator
-
-
+
+
-
-
-
-
-
-
-
-
-
-
+
+
+
-
+ // bind the interface
+ document
+ .querySelector("tone-momentary-button")
+ .addEventListener("down", () => osc.start());
+ document
+ .querySelector("tone-momentary-button")
+ .addEventListener("up", () => osc.stop());
+
+
diff --git a/examples/pingPongDelay.html b/examples/pingPongDelay.html
index a68133cd..8bb7e960 100644
--- a/examples/pingPongDelay.html
+++ b/examples/pingPongDelay.html
@@ -1,54 +1,77 @@
-
+
-
-
- Ping Pong Delay
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+ Ping Pong Delay
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/examples/pitchShift.html b/examples/pitchShift.html
index ac57e1c1..32faee98 100644
--- a/examples/pitchShift.html
+++ b/examples/pitchShift.html
@@ -1,61 +1,90 @@
-
+
-
-
- Pitch Shift
+
+
+ Pitch Shift
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
-
+ // bind the interface
+ document
+ .querySelector("tone-play-toggle")
+ .addEventListener("start", () => player.start());
+ document
+ .querySelector("tone-play-toggle")
+ .addEventListener("stop", () => player.stop());
+ // document.querySelector("tone-play-toggle").addEventListener('start', () => {
+ // debugger;
+ // });
+
+ document
+ .querySelector("tone-slider")
+ .addEventListener("input", (e) => {
+ pitchShift.pitch = parseFloat(e.target.value);
+ });
+
+
diff --git a/examples/player.html b/examples/player.html
index 5c1314d1..6c1598f0 100644
--- a/examples/player.html
+++ b/examples/player.html
@@ -1,54 +1,70 @@
-
+
-
-
- Player
+
+
+ Player
-
-
+
+
-
-
-
-
-
-
-
-
-
-
+
-
-
+ ui({
+ tone: player,
+ parent: document.querySelector("#content"),
+ });
-
+ // bind the interface
+ document
+ .querySelector("tone-play-toggle")
+ .addEventListener("start", () => player.start());
+ document
+ .querySelector("tone-play-toggle")
+ .addEventListener("stop", () => player.stop());
+
+
diff --git a/examples/polySynth.html b/examples/polySynth.html
index 096438d7..24fe971b 100644
--- a/examples/polySynth.html
+++ b/examples/polySynth.html
@@ -1,56 +1,68 @@
-
+
-
-
- PolySynth
+
+
+ PolySynth
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-
-
\ No newline at end of file
+ ui({
+ tone: synth,
+ parent: document.querySelector("#content"),
+ });
+
+
+
+
+
-
-
-
+ // bind the interface
+ document
+ .querySelector("#osc0")
+ .addEventListener("start", () => pannerOsc.start());
+ document
+ .querySelector("#osc0")
+ .addEventListener("stop", () => pannerOsc.stop());
+ document
+ .querySelector("#panner")
+ .addEventListener(
+ "input",
+ (e) => (panner.frequency.value = parseFloat(e.target.value))
+ );
+ document
+ .querySelector("#osc1")
+ .addEventListener("start", () => filterOsc.start());
+ document
+ .querySelector("#osc1")
+ .addEventListener("stop", () => filterOsc.stop());
+ document
+ .querySelector("#filter")
+ .addEventListener(
+ "input",
+ (e) => (filter.frequency.value = parseFloat(e.target.value))
+ );
+ document
+ .querySelector("#osc2")
+ .addEventListener("start", () => tremoloOsc.start());
+ document
+ .querySelector("#osc2")
+ .addEventListener("stop", () => tremoloOsc.stop());
+ document
+ .querySelector("#tremolo")
+ .addEventListener(
+ "input",
+ (e) =>
+ (tremolo.frequency.value = parseFloat(e.target.value))
+ );
+
+
diff --git a/examples/meter.html b/examples/meter.html
index b3a11c53..809dfabe 100644
--- a/examples/meter.html
+++ b/examples/meter.html
@@ -1,57 +1,75 @@
-
+
-
-
-
- Tone.Meter
- gives you the level of the incoming signal in decibels.
-
-
-
-
-
+ Tone.Meter
+ gives you the level of the incoming signal in decibels.
+
+
+
+
+
- Tone.Channel provides a simple channel interface. It allows for panning and volume changes as well as the ability to solo (exclude audio in other Tone.Channels).
-
-
-
-
-
+ Tone.Channel
+ provides a simple channel interface. It allows for panning and
+ volume changes as well as the ability to
+ solo
+ (exclude audio in other Tone.Channels).
+
-
-
+ document
+ .querySelector("tone-play-toggle")
+ .addEventListener("start", () => Tone.Transport.start());
+ document
+ .querySelector("tone-play-toggle")
+ .addEventListener("stop", () => Tone.Transport.stop());
+
+
diff --git a/examples/monoSynth.html b/examples/monoSynth.html
index 8b94d2f7..60e11812 100644
--- a/examples/monoSynth.html
+++ b/examples/monoSynth.html
@@ -1,69 +1,81 @@
-
+
-
-
-
- Tone.MonoSynth
- is composed of one oscillator, one filter, and two envelopes.
- Both envelopes are triggered simultaneously when a note is triggered.
-
+
+
+
+
+
+
+
+
+
+ Tone.MonoSynth
+ is composed of one oscillator, one filter, and two envelopes.
+ Both envelopes are triggered simultaneously when a note is
+ triggered.
+
-
-
-
- Tone.Noise
- has 3 different types of noise. Careful, it's loud!
-
-
-
-
-
+ Tone.Noise
+ has 3 different types of noise. Careful, it's loud!
+
+
+
+
+
- Tone.Offline renders a chunk of Tone.js code into an AudioBuffer. An offline instance of Tone.Transport is passed into the callback which can be used to schedule events. It may take a moment to render the sound.
-
- Tone.Offline docs. -
+
+
+
+
+
+
+
+
+ - Tone.Offline docs. -
+ Tone.Offline renders a chunk of Tone.js code into an
+ AudioBuffer. An offline instance of Tone.Transport is passed
+ into the callback which can be used to schedule events. It may
+ take a moment to render the sound.
+
+ Tone.Offline + docs. +
- + Tone.Offline + docs. +
-
-
+
+
- The oscillator has 4 basic types which can be altered by setting the number
- of partials and partials array.
-
- Tone.Oscillator docs. -
+
+
+
+
+
+
+
+
+ - Tone.Oscillator docs. -
+ The oscillator has 4 basic types which can be altered by setting
+ the number of partials and partials array.
+
+ Tone.Oscillator + docs. +
- + Tone.Oscillator + docs. +
-
-
+
+
- A Ping Pong Delay is a stereo feedback delay where the delay bounces back and forth between the left and right channels. Hit the button to trigger a snare sample into the effect.
-
- Tone.PingPongDelay docs. -
-
- - Tone.PingPongDelay docs. -
-
-
+ A Ping Pong Delay is a stereo feedback delay where the delay
+ bounces back and forth between the left and right channels. Hit
+ the button to trigger a snare sample into the effect.
+
+ Tone.PingPongDelay + docs. +
+
+ + Tone.PingPongDelay + docs. +
+
+
-
-
- Click on the button to play the audio file on loop
- using Tone.Player.
-
+
+
+
+
+
+
+
+
+
+ Click on the button to play the audio file on loop using
+ Tone.Player.
+
-
-
-
- Tone.PolySynth
- handles voice creation and allocation for any monophonic
- instruments passed in as the second parameter. PolySynth is
- not a synthesizer by itself, it merely manages voices of
- one of the other types of synths, allowing any of the
- monophonic synthesizers to be polyphonic.
-
-
-
-
-
+ Tone.PolySynth
+ handles voice creation and allocation for any monophonic
+ instruments passed in as the second parameter. PolySynth is not
+ a synthesizer by itself, it merely manages voices of one of the
+ other types of synths, allowing any of the monophonic
+ synthesizers to be polyphonic.
+
+
+
+