GithubHelp home page GithubHelp logo

guriben / gatekeeper Goto Github PK

View Code? Open in Web Editor NEW

This project forked from mattybrad/gatekeeper

0.0 1.0 0.0 15.98 MB

Drum machine with a difference

License: MIT License

JavaScript 92.59% HTML 2.79% CSS 4.62%

gatekeeper's Introduction

GateKeeper: a drum machine, of sorts

Summary

GateKeeper is a drum machine which can take any sound and use it to create a rhythm.

Motivation

Popular music has changed a lot over the past century or so, but one thing that has remained oddly static is the set of drum sounds used to provide rhythm. The kick, snare, hi-hat, and other "real" drum sounds have remained the default sounds for many tracks, and although there are many flavours of each, their essence has survived the transition from acoustic drums to analogue and then digital drum machines.

While researching how to synthesise drum sounds without using samples, I realised that a lot of synthetic drum sounds are created from fairly simple sound sources, such as white noise or a sine wave. This made me wonder about the possibility of feeding other, more complex sounds through a series of effects to create unusual drum sounds which fulfil a similar percussive role to the kick, snare, hi-hat, etc, but which sound noticeably different.

Installation

This project uses the excellent React Webpack Template, so the installation instructions are pretty much the same as listed there. Basically, do:

npm install
npm start

The drum machine should then be running at http://localhost:8000.

gatekeeper's People

Contributors

mattybrad avatar weblogixx avatar sthzg avatar mjul avatar igonato avatar stylesuxx avatar amilajack avatar znja avatar helloyie avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.