TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: JavaScript Acid Techno Machine

161 pointsby errozeroabout 10 years ago

23 comments

mambodogabout 10 years ago
Quick tutorial for anyone who isn&#x27;t familiar with the music gear being emulated:<p>The top two items are two instances of an imitation of a Roland TB-303 bassline synth. The bottom item is an imitation of a Roland TR-909 drum machine (a drum synthesizer).<p>Press &#x27;Play&#x27; in the top left to start all three instruments playing. Each is now running through 4 bars of 4 beats, or 16 steps in total. By default the first bass synth is playing a low &#x27;C&#x27; on every step, the second bass synth is playing nothing, and the drum machine is playing a bass drum on the first step of each bar (steps 1, 5, 9, and 13).<p>Laying out a pattern on the drum machine is a little more intuitive, so start with that. The row of 16 buttons represents the steps on which a hit will be played for the currently selected drum type. Buttons for switching modes to edit the pattern for each drum type are listed horizontally (BD, SD etc). Switch to a different drum and add some hits to the pattern by clicking on those steps in the row of 16 buttons.<p>The bassline synths are programmed in basically the opposite way. The 16 steps become the modes you switch between (by clicking the UP and DN buttons under &#x27;Current Step&#x27;) and clicking on any of the the 13 musical note buttons (coloured like piano keys) will select the note which plays on that step. The highlighted note can also be deselected so that no note will be played for that step. Try stepping through and changing the notes which are played on each step or deselecting notes to create a more interesting rhythmic pattern.
errozeroabout 10 years ago
Acid Machine is a web based tool for creating Acid Techno. It consists of 2x 303 style synths and a drum machine. I&#x27;m currently working on a song mode so you can string patterns together, record automation and save your finished track.<p>Hit the randomize button for some instant results.
评论 #9197668 未加载
评论 #9180504 未加载
评论 #9181548 未加载
评论 #9180705 未加载
评论 #9182487 未加载
lachenmayerabout 10 years ago
Really interesting what happens to the sound when you switch tabs (in Chrome at least): The sounds still play, but slowed down about 10x.
评论 #9180859 未加载
评论 #9180777 未加载
评论 #9183454 未加载
评论 #9181107 未加载
评论 #9183193 未加载
meandaveabout 10 years ago
I would recommend doing your scheduling in a web worker. In chrome the playback will slow to a crawl when switching tabs. This is because chrome slows down mainthread js execution for inactive tabs. I have a little module I use to get around this limitation. <a href="https://github.com/meandavejustice/audio-clock" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;meandavejustice&#x2F;audio-clock</a>
评论 #9180542 未加载
评论 #9180644 未加载
likeclockworkabout 10 years ago
This is super impressive. I have a tiny bit of (hopefully constructive) criticism though, and it&#x27;s not really against this work and what has been accomplished.<p>The TB303 has one of the worst sequencing interfaces of any hardware sequencer, so even as much as it is loved, I&#x27;d love to see something more modern in terms of UI for sequencing melodic parts.<p>Even step select&#x2F;activation with 16 steps and keeping the TB303 keyboard sort of interface for actually selecting notes would be a lot more usable and immediate. Having to select the step number and enter a note is painful though and not very mouse friendly.. with hardware at least you can mash the heck out of the button.
评论 #9188229 未加载
ArekDymalskiabout 10 years ago
Really impressive. If someone had told me 18 yrs ago that I shouldn&#x27;t be so excited about ReBirth because one day it will be available in the browser :)<p>A feature request: delay time and hi-pass controls :)<p>Btw, the delay timing seems to be off a little bit.
评论 #9181054 未加载
errozeroabout 10 years ago
I&#x27;ve just added in some keyboard shortcuts to mute&#x2F;unmute and randomize the instruments. Working on the save and share function today, it would be great to be able to hear what people have made.
thomasflabout 10 years ago
If @errozero can recreate the ReBirth [1] app in javascript, then imagine what can be made in a few years time.<p>1: <a href="http://www.rebirthmuseum.com/" rel="nofollow">http:&#x2F;&#x2F;www.rebirthmuseum.com&#x2F;</a>
评论 #9181590 未加载
beardywabout 10 years ago
Utterly brilliant - where did my time go!<p>Feature request please - mute and randomize (at least) would sound great if you could pre-sync them with the repeat. I found myself trying to judge how much lag there is before they kick in. It would be great if you could just line up one or more before the repeat - which is where you will want them 99%. Maybe a check box option.<p>You have a fantastic performance application right now, please don&#x27;t get drawn into making a sequencer and losing all the fun.
评论 #9204930 未加载
addedlovelyabout 10 years ago
Awesome work, just lost an hour! Might be worth adding a hover hint to the abbreviations on the drum machine. Took me a while to notice there was more to play with there.
评论 #9181022 未加载
lfamabout 10 years ago
The 909 needs shuffle.
aflinikabout 10 years ago
Really cool toy! I wonder how the randomizer works, does it use some predefined scale or some other heuristics to always end up with something nice?
评论 #9181108 未加载
tambourine_manabout 10 years ago
Really nice. Doesn&#x27;t on Safari latest
errozeroabout 10 years ago
Just added a save feature to this - it generates a unique url so you can share what you have created.
schuettlaabout 10 years ago
Thx, is really fun to use. A recording feature or an export as an WAV&#x2F;MP3 file would be great.
评论 #9183422 未加载
评论 #9204934 未加载
meandaveabout 10 years ago
I like that the default is the opening to &quot;call your girlfriend&quot;
评论 #9181082 未加载
psykovskyabout 10 years ago
I get no sound whatsoever. Chromium and Firefox on Ubuntu 14.04 LTS
errozeroabout 10 years ago
Basic sequencer now added. Automation next!
basharmadiabout 10 years ago
This is awesome, somehow it reminds me of the Commodore 64
niixabout 10 years ago
This is great! Do you have the source anywhere hosted?
评论 #9183119 未加载
Socketubsabout 10 years ago
Very nice project ! Is it open source ?
评论 #9184126 未加载
vermootenabout 10 years ago
Incredible, great work!
dropit_sphereabout 10 years ago
This is awesome.
评论 #9181344 未加载