Jump to content

Drum machine web app - How?


Recommended Posts

Can anyone explain how the interactive drum machine was made (beginners terms!) in the following website:


Scroll about half way down until you reach: 'Digitakt online interactive demo' and then start pressing the pads to come up with beats. You can also record changes in knob movements just like the real

hardware version.

When I finish the web design course, I would love to incorporate this type of thing into websites. I have looked at the source code and found the title but then nothing - it moves onto the

next section of the site. 

I remember reading on Elektron's facebook page that it is all Javascript. If so how difficult would this be to achieve? And how do you do it?



Link to comment
Share on other sites

I found one youtube drum machine coding video, it's called "Coding for Beginners Lesson 1: Drum Machine - Javascript, HTML, CSS Programming - Succeed In Coding". It seems like a very simple drum machine.

There's also "Mary  livecodes a drum machine".

As well as "Build a drum machine #1 - Playing Sounds - Ember.js". 

Might be worth watching all of them.



Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...