Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tone.js - Rock drum sounds + Reverb

Public visualization

Tone.js - Rock drum sounds + Reverb

0 stars1🌍 Public
AAxVa 🐍 💪
Last edited Nov 1, 2024
Created on Oct 30, 2024

This example demonstrates how to create a rock drum beat with reverb using the Tone.js audio library. It plays a sequence of kick, snare, and hi-hat sounds through reverb and filter effects. The drum pattern data is defined as strings representing eighth-note sequences. The interface shows a Play button that triggers the audio and displays "Playing" text. The code uses Tone.Sequence, Tone.Reverb, Tone.Filter, Tone.NoiseSynth, Tone.Synth, and Tone.MembraneSynth to construct the beat.

AI-generated description

This example is based on the book "JavaScript Crash Course: A Hands-On, Project-Based Introduction to Programming" by Nick Morgan, No Starch Press, 2024.

Visit also my repo https://github.com/ax-va/JavaScript-Crash-Course-Morgan-2024.

Comments

Sign in to join the discussion.

MIT Licensed