Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Draw.Audio – A musical sketchpad using the Web Audio API

draw.audio

Post reply on HN
Print view View original

61–70 of 86 posts

Re: Show HN: Draw.Audio – A musical sketchpad using the Web Audio API

#64

Post by StreamGobbler »

creativenolo wrote: post #45

I hope it was as fun to build as it is to play with. Nit: I keep fat fingering the controls. Every 2 out of 3 times I touch a control, it collapsed the controls section instead. Also - I thought the lines beneath the color controls were titles (> etc) and not buttons. I couldn’t figure out how someone shared a link where it played notes from left to right

Thanks for the input. I'm hoping a simple tutorial will help with finding the playback direction buttons. I'm not sure what to do about the fat-fingering problem. Maybe the controls could be bigger.

Re: Show HN: Draw.Audio – A musical sketchpad using the Web Audio API

#65

Post by StreamGobbler »

matteason wrote: post #46
StreamGobbler wrote: post #2

Hello HN community! Out of my love for synthesizers and web development, I created a free audio sequencer called draw.audio, which includes selectable scales, waveforms, effects, LFOs, and more. While there are other “tone matrix” style webapps out there, I couldn’t find one that quite scratched the itch for a large grid layout, modern design, and easily accessible modulation controls. So that was the inspiration, al…

This is really well done. I know from making https://ambiph.one that web audio can be really tricky. Lots of fiddly little inconsistencies and gotchas (mainly on iOS, in my experience). So building something that's this customisable, fun to use and runs solidly is a real achievement. I've got vague plans to add generative music to Ambiphone and I've been using Ableton so far but I think this will be a really useful s…

Thanks! Yes getting Web Audio to play nice with iOS was tricky and it's still not perfect. I checked out Ambiph and it's fantastic! I love the clean UI and all of the customization options for soothing ambience. Well done.

Re: Show HN: Draw.Audio – A musical sketchpad using the Web Audio API

#68

Post by StreamGobbler »

ustad wrote: post #43

How do you trigger the audio output for ios (iphone)?

It should just work if you start tapping notes or press play. Make sure the phone's sound toggle is not muted. I'm not sure of any other reason it wouldn't work. Are you using Safari?

Re: Show HN: Draw.Audio – A musical sketchpad using the Web Audio API

#69

Post by StreamGobbler »

boomskats wrote: post #48

This is probably the use case you least expected to hear, but the first thing i thought of when playing with this is how useful it could be in helping make progress when learning jazz improvisation. Typically when you're learning improv, you're figuring out what scales work with which chords in which parts of the harmony. Normally you'd start with something like 'xxx liked to use the half-whole diminished scale when…

That's so cool! I'm glad it inspired you to accomplish what you have been putting off for ages. I do think an alternative and more visual/tactile experience can help some people approach music from a different prospective they might be accustomed to. There's definitely room for improvement. If you have any specific suggestions for your use case please let me know. Thanks for checking it out!

Re: Show HN: Draw.Audio – A musical sketchpad using the Web Audio API

#70

Post by StreamGobbler »

woolion wrote: post #42

Moonlight Kirby: https://draw.audio/s/x8xihkzei Very fun! A small 'bug', folding and unfolding the left panels change the aspect ratio of rectangle pads. I think it would cool to have a tutorial. I know nothing about music but it could be fun to learn some of it while trying how some patterns sound.

Thanks for sharing the cute Kirby! I'm curious about the bug. Would you mind sharing what OS and browser you're on?
Post reply on HN