JoeAllen Posted December 21, 2017 Report Share Posted December 21, 2017 Can anyone explain how the interactive drum machine was made (beginners terms!) in the following website: https://www.elektron.se/products/digitakt/ 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? thanks joe Quote Link to comment Share on other sites More sharing options...
MNS45 Posted December 21, 2017 Report Share Posted December 21, 2017 Don't know much about drum machines. But have you checked out github.com? Maybe not as complex as the one you saw but there are more than a few examples. Just search "drum machine" on Github.com. Quote Link to comment Share on other sites More sharing options...
JoeAllen Posted December 21, 2017 Author Report Share Posted December 21, 2017 Thanks for that. I have looked here before but to a noob github it is just another door of complexity to be navigated. I will try though! joe Quote Link to comment Share on other sites More sharing options...
MNS45 Posted December 23, 2017 Report Share Posted December 23, 2017 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. Quote Link to comment Share on other sites More sharing options...
MNS45 Posted December 23, 2017 Report Share Posted December 23, 2017 Searching suggestion for the web. You might want to try typing "drum machine javascript", "drum machine php", "drum machine web browser", "drum machine html" etc. You'll probably get a better result that way. Seems like you picked a good project. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
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.