5 ms·
Show HN: A UI for generating WebAudio code
- bluetwo 8y agoNice and simple!
- kowdermeister 8y agoHow to do anything in this? Add node or edit code?
- lintroller 8y agoFrom the GitHub readme: Usage * To add a node, click on an arrow * To "inspect" a node, click the node It wasn't immediately obvious to me either so I had to dig a bit to figure it out.
- ISNIT 8y agoSorry, I think there should be an intro popup, but it seems your question has been answered :)
- akx 8y agoTrying to change a gain node to a biquad filter seems to do nothing.
- ISNIT 8y agoThanks for reporting this, I've solved the issue - was a typo :)
- mrspeaker 8y agoVery cool! I'd recommend changing the default oscillator. 1000hz sine wave becomes aggravating extremely quickly! Maybe 500hz (lower?), and 0.05 gain? Or at least a filter after the oscillator. But I really like this idea - you could take it much further (I'm sure you plan too!) From a UX perspective I think most people will run quickly from this page, because unless you understand modular synths it will be very daunting to figure out how to make something that sounds nice. A dropdown with some defaults would at least let them play to get an intuition of what's happening. I'd also make it easier to see how to add nodes - it's quite unintuitive at the moment. And a panic button to stop/play sound... The more I tried to make the sound quieter, the louder I accidentally made it! But again, super cool idea - it would be great to make a SFXR/BFXR-type sound effect generator that would spit out web audio code!
- ISNIT 8y agoThanks for the feedback! I'll shove it all in GitHub and start working on them. All help welcome ;)
- 52-6F-62 8y agoI'd go with 440? For the uninitiated like myself (rock music slackers) it's generally known as the "middle". Agreed on the gain. Pretty neat idea, though. I've enjoyed playing around with the web audio API a bit. This might make some ideas happen a bit quicker, too. (I have an oscilloscope component from a toy I put together that you might be able to strip apart if you wanted to offer something like that as well. It works off of the Audio Context: https://github.com/robertfairley/web-audio-exp/blob/master/src/Oscilloscope.js https://github.com/robertfairley/web-audio-exp/blob/master/s...) edit: Just noticed that you have a scope already! Scratch that comment!
- madmonk 8y agoThanks for this! I've been looking for something like this for a while now. I've made a couple ambient music generators that utilize webaudio and have been looking for something like this to generate new timbres. If you're interested my 2 generators can be found here... https://madmonk13.github.io/relax/ https://madmonk13.github.io/relax/ https://madmonk13.github.io/musicforspaceports/ https://madmonk13.github.io/musicforspaceports/ The first one is more of a proof of concept where as music for spaceports is much more feature complete. Thanks again!