Tone.js Playground 🎵

Interactive Audio Programming Tutorial

🔊

🎵 Lessons

Oscillators & Waveforms

Learn about different wave shapes and how they affect sound

// Create an oscillator
const synth = new Tone.Oscillator(440, "sine");
synth.toDestination();
synth.start();

// Try different waveforms:
// "sine", "square", "sawtooth", "triangle"

Waveform Visualizer

🔇 Start audio to begin
440 Hz
2000 Hz
30%