Skip to content

A programmable drum sequencer built with JavaScript and Bootstrap that plays drums in the sequence of your choosing in a loop. Choose a dynamic BPM and apply various different effects on the SFX.

Notifications You must be signed in to change notification settings

ShaneReno/Drum-Sequencer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Drum Sequencer

This document will outline and detail the purpose of, and how to use the programmable drum sequencer - a project by Shane Reynolds.

What is it?

A programmable drum sequencer is a digital instrument that plays rhythmic and percussive sounds in a 2-bar loop, allowing users to select a pattern of 1/4 notes to play. Each loop of the sequence consists of 8 steps, and if a drum is present in that step, the sequencer will output the corresponding sound.

Technologies used

The project was constructed using:

  • HTML
  • CSS
  • Bootstrap, and
  • JavaScript
Drum sequencer image

Features

The drum sequencer features the following main features:

  • Sequencer time - a neon green LED that loops from left to right, indicating the current beat in the bar that the drum sequencer will play. It allows the user to keep track of where they are in the sequence, and make pattern adjustments if needed. image
  • Four instrument channels - you can choose to program a) Kick, b) Snare, c), Clap and d) Cowbell, all in live time. Simply click on an instrument channel block in order to program it. image
  • Channel volume faders - for controlling each instruments levels. Dynamically adjust the range sliders to your liking. image
  • Play and Stop buttons - ability to start and hault the sequence.
  • Beat/bar measure - a live counter informing you about the current beat and bar ratio.
  • Metronome - audible ticking to time each beat.
  • Beats per minute input - ability to alter how fast the tempo is. Choose between 60 BPM and 160 BPM. image

About

A programmable drum sequencer built with JavaScript and Bootstrap that plays drums in the sequence of your choosing in a loop. Choose a dynamic BPM and apply various different effects on the SFX.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published