Sonic Pi Drum Machine

100%

Sonic Pi Drum Machine

✓ Published0🌍 Public

Last edited Nov 18, 2015

Created on Apr 3, 2017

This example turns a Sonic Pi drum machine script into a visual instrument panel. It shows a sequencer grid for three drum tracks—hi-hat, kick, and snare—with per-step amplitude values (0–9) mapped from the embedded pattern data. The Ruby code defines a `live_loop` and `run_pattern` API to schedule samples, using Sonic Pi’s `sample` and `sleep` functions with a `:pulse` synchronization loop. A selectable `use_kit` command switches between acoustic, electro, and toy sound kits via a `drum_kits` hash. The visualization highlights the code’s structure, not the audio output.

AI-generated description

Similar vizzes

Loading thumbnail…

SonicPi In C

This example visualizes the generative music composition "In C" by Terry Riley, using Sonic Pi’s live coding environment. It shows how multiple simultaneous players (five synths) progress through 53 rhythmic phrases, with each phrase represented as a sequence of notes, durations, and amplitudes. The code defines `live_loop` and `play_phrase` functions to schedule notes, while a progression rule limits how far any player can advance ahead of the others, ensuring a coherent, slowly evolving texture. The pulse loop uses `sample :drum_cymbal_closed` to maintain a steady beat, and all timing is derived from a global BPM value.

MMAKIO135

70% match

Loading thumbnail…

Percussion

A beat machine lets users compose a rhythmic loop by toggling 16-step patterns across eight percussion instruments. A live playback cursor highlights the current tick, triggering synthesized sounds via the Howler.js audio library while the grid visually pulses with the beat. The interface supports mouse clicks and keyboard shortcuts (A through semicolon) for real-time pattern editing, and a metronome track is pre-enabled. The animation shows a glowing column sweeping across the grid, with active notes highlighted in purple, built with jQuery, FastClick, and CoffeeScript.

MMAKIO135

69% match

Loading thumbnail…

Making Chiptune Music using Sonic Pi v2.0

This example shows how to recreate the original NES Mario Bros. theme as chiptune music using Sonic Pi v2.0. It demonstrates the use of four synth types—pulse waves, triangle waves, and FM synthesis—to emulate the NES sound chip, with the melody transcribed from MML notation. The code organizes the music into threads and defines reusable patterns using Ruby lambdas, `play_pattern_timed`, and `nil` rests to structure complex rhythms. It also highlights practical constraints like interpreter size limits and platform-specific performance tweaks.

IIoTeacher

66% match

Loading thumbnail…

Gist 7942740a263d3aa26e8c77adad206372

This visualization is an interactive canvas-based musical instrument that maps a two-dimensional grid of colored, circular nodes to specific musical notes. It shows how different spatial regions correspond to different tones, with the size and color of each node likely encoding additional sonic parameters such as pitch or octave. The application uses a custom `PitchDetector` algorithm and a `Player` class to translate node interactions into audio output, while the rendering relies on Canvas drawing operations. The code references the `notes_midi_freq.csv` dataset to map note names and MIDI numbers to their corresponding frequencies, enabling the generation of accurate musical tones.

MMAKIO135

62% match

Loading thumbnail…

SCRIPT-8

This example uses SCRIPT-8, a JavaScript fantasy console for creating retro-style games and visualizations. It renders a colorful, animated scene directly to the canvas using the console’s built-in graphics API. The visualization draws sprites and map data from JSON files, with procedural animation driven by the `requestAnimationFrame` loop. SCRIPT-8’s `pixel` and `sprite` functions handle the drawing, while its input and sound APIs are loaded but unused, focusing purely on visual output. The cassette’s empty chains, songs, and phrases files confirm a minimal, self-contained demonstration of the platform’s rendering capabilities.

FFrozenfire92

60% match

Loading thumbnail…

circular-synth

This interactive visualization builds a circular synthesizer where each of the 16 beats is a rotating segment containing concentric pitch arcs. Users click or hover over arcs to toggle notes on and off, with four states cycling through white, blue, red, and green. The visualization uses D3’s `d3.svg.arc` and linear scales to map pitch frequencies to radii, while an audio context schedules oscillators for each active note. A `setInterval` loop advances the beat, highlighting the current segment in purple and triggering sounds through the Web Audio API’s `createOscillator` and `createGainNode`.

11wheel

59% match

Loading thumbnail…

JS Bin

This example presents an interactive musical keyboard built with the Web Audio API, where each piano-style button corresponds to a specific note (C through B). The page shows how a single oscillator can generate tones by connecting and disconnecting it from the audio destination on button press and release. The code uses `AudioContext`, `createOscillator`, and `createGain` from the Web Audio API, with square-wave synthesis producing the sound. The interface relies on HTML button elements with `onmousedown` and `onmouseup` handlers to trigger the `noise()` and `silence()` functions, which set the oscillator frequency and toggle its connection. The source is a standalone HTML file with embedded JavaScript, rendering no visual data but demonstrating audio-frequency control.

FFrankieFabuloso

57% match

Loading thumbnail…

canvas-sketch x akai-lpd8

This example shows a real-time abstract drawing that responds to MIDI controller input. It maps knob positions to the x and y coordinates and size of an ellipse, which is drawn repeatedly to create a flowing, generative trail. Pads and the fourth knob trigger resets and color changes. The sketch uses the `canvas-sketch` framework with p5.js, and the `akai-lpd8` library to read control changes and note-on events from the hardware device.

MMAKIO135

57% match