[{"data":1,"prerenderedAt":335},["ShallowReactive",2],{"project-15302718":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":43,"post_text":44,"what":45,"said":63,"maker_in_thread":188,"shape":200,"grid":205,"attempts":296,"same_week":297,"maker_shows":40,"maker_hidden":327,"reader_version":328,"card":329},"15302718","TR-101","A drum synth\u002Fsequencer made with Vue and the web audio API","title","Show HN: TR-101 – A drum synth\u002Fsequencer made with Vue and the web audio API","https:\u002F\u002Finverted3.gitlab.io\u002Fdrum-machine\u002F","inverted3.gitlab.io","ohadron",1505997574,2017,105,38,434,2242,20,"notable","creative","drum machine","web_app",[24,25,26,27,21],"drum synth","web audio","step sequencer","vue","roasted",-0.189,{"positive":31,"neutral":32,"mixed":33,"critical":34},5,3,0,10,18,{"design":37,"idea":38,"execution":39,"performance":42},{"positive":33,"critical":31},{"positive":33,"critical":33},{"positive":40,"critical":41},1,4,{"positive":40,"critical":40},[40,33,33,33,33,32,33,33,33,31,33,33,31,40,33,32,33,33,40,33,40,33,40,32,31,40,33,31,33,40,33,33,40,33,31,40,33,40],null,{"problem":44,"audience":44,"pricing":44,"motivation":44,"time_to_build":44,"stack":46,"openness":60,"stage":61,"team_size":62},[47,56],{"value":48,"source":49,"evidence":50},"Vue","maker",[51,53],{"id":52},"post",{"id":54,"by":11,"text":55},"15309694","You're right, this is the standard way to manipulate knobs. I'll be fixing this. Thanks!",{"value":57,"source":49,"evidence":58},"Web Audio API",[59],{"id":52},"open_source","launched","unknown",{"praise":64,"objections":88,"requests":132,"questions":160,"alternatives":172},[65,77],{"value":66,"source":67,"evidence":68},"Clean, readable code that is enjoyable to learn from","commenter",[69,73],{"id":70,"by":71,"text":72},"15303707","waibelp","Great work! Your clean code is really enjoyable to read and learn from!",{"id":74,"by":75,"text":76},"15305067","kitotik","Agreed! In addition to the authors skills, Vue just seems to win the readability battle hands down when compared to other js frameworks. The single file components are really…",{"value":78,"source":67,"evidence":79},"Nice design and fun to play with",[80,84],{"id":81,"by":82,"text":83},"15304885","Mizza","Cool! Nice design! The kick drum is way too hard to tune, I can only tune to 60, 147 and 234. Either make the steps smaller or let me type in my own values maybe?",{"id":85,"by":86,"text":87},"15308224","tomcam","Great piece of work! Play with this even if you think you don't know how to work a drum synth.",[89,93,104,111,122],{"value":90,"source":67,"evidence":91},"Kick drum tuning is too coarse, only a few values reachable",[92],{"id":81,"by":82,"text":83},{"value":94,"source":67,"evidence":95},"Knobs turn opposite to typical music apps",[96,100],{"id":97,"by":98,"text":99},"15306336","mellinoe","Very nice! I've always been fascinated by synth and sequencer programming. Small nit: I'm used to being able to drag \"upwards\" to make a knob's value higher, but here it seems to…",{"id":101,"by":102,"text":103},"15309084","33degrees","Nice! But the knobs turn the opposite way the vast majority of music apps do...",{"value":105,"source":67,"evidence":106},"Sounds broken in Firefox, hiss and clicks",[107],{"id":108,"by":109,"text":110},"15305573","fenomas","Not sure why, but for me in current Firefox it sounds like an absolute mess - just hiss and clicks. It sounds like there's no gain envelope being applied, both the oscillator and…",{"value":112,"source":67,"evidence":113},"No touchscreen or mobile support for knobs",[114,118],{"id":115,"by":116,"text":117},"15306007","nugator","Really cool! Not able to turn the knobs on a touchscreen, that would make it perfect.",{"id":119,"by":120,"text":121},"15308819","peternicky","No mobile support?",{"value":123,"source":67,"evidence":124},"The env control has no audible effect",[125,129],{"id":126,"by":127,"text":128},"15304619","leephillips","Very nice! The \"env\" control didn't have any audible effect for me. What's it supposed to do?",{"id":130,"by":127,"text":131},"15306675","It has no effect on either Chrome or Firefox, Ubuntu laptop.",[133,137,144,153],{"value":134,"source":67,"evidence":135},"Allow finer or custom kick tuning values",[136],{"id":81,"by":82,"text":83},{"value":138,"source":49,"evidence":139},"Fix knob drag direction",[140,141],{"id":54,"by":11,"text":55},{"id":142,"by":11,"text":143},"15309681","You're right! Been using audio software for the last 20 years yet somehow I missed this. Will be fixed. Thanks!",{"value":145,"source":49,"evidence":146},"Add touch support for knobs and mobile",[147,150],{"id":148,"by":11,"text":149},"15309708","Yes, I'll be fixing that. Thanks! :)",{"id":151,"by":11,"text":152},"15309710","Among many other shortcomings :) For starters, I'll be fixing the knob touch issue.",{"value":154,"source":67,"evidence":155},"Store beats and import drum patterns",[156],{"id":157,"by":158,"text":159},"15304995","carlbarrdahl","Very cool! Would it be possible to store beats and use some kind of autocomplete in a list below to compare popular user patterns? Or why not try to import famous drum patterns…",[161,165],{"value":162,"source":67,"evidence":163},"What does the env control do?",[164],{"id":126,"by":127,"text":128},{"value":166,"source":67,"evidence":167},"What was the hardest part to build?",[168],{"id":169,"by":170,"text":171},"15307059","dahart","Totally awesome, nice project! Makes me want to do some web audio right now. What was the hardest part of this demo, were there any tricky pieces?",[173,180,184],{"value":174,"source":67,"evidence":175},"Funklet",[176],{"id":177,"by":178,"text":179},"15310222","midgetjones","Check out http:\u002F\u002Ffunklet.com\u002F Also, you can create 'groove templates' in Logic Pro, which lets you analyze the groove of one track, and then apply it to another.",{"value":181,"source":67,"evidence":182},"Logic Pro",[183],{"id":177,"by":178,"text":179},{"value":185,"source":67,"evidence":186},"FL Studio",[187],{"id":97,"by":98,"text":99},{"comments":189,"answered":31,"key":190},14,[191,194,197],{"id":192,"text":193},"15305578","True! Good point. Your two suggestions are good - either that or a non-linear curve. Thanks!",{"id":195,"text":196},"15309689","This is amazing!",{"id":198,"text":199},"15305585","Thanks for the suggestions! Definitely possible I'll try some of these.",{"commenters":201,"max_depth":202,"maker_replies":189,"first_comment_mins":203,"lifespan_hours":204},22,6,106,123,[206,208,210,214,216,220,223,225,229,231,233,235,238,242,244,247,249,252,255,256,257,259,262,263,266,269,271,272,274,276,279,281,283,285,286,290,292,293],[81,33,40,207,82,33],"project\u002Fcritical\u002Fdesign",[192,33,33,209,11,40],"maker\u002Fneutral\u002Fdesign",[211,40,33,212,213,33],"15306659","commenter\u002Fpositive\u002Fidea","joshontheweb",[195,40,33,215,11,40],"commenter\u002Fpositive\u002Fnone",[217,40,33,218,219,33],"15325778","other\u002Fneutral\u002Fnone","mmjaa",[157,221,32,222,158,33],2,"project\u002Fneutral\u002Fidea",[198,221,33,224,11,40],"maker\u002Fneutral\u002Fidea",[226,221,33,227,228,33],"15305753","other\u002Fneutral\u002Fexecution","vdnkh",[177,221,33,230,178,33],"other\u002Fneutral\u002Fidea",[70,32,31,232,71,33],"maker\u002Fpositive\u002Fexecution",[74,32,33,234,75,33],"commenter\u002Fpositive\u002Fexecution",[236,32,33,237,11,40],"15305640","maker\u002Fpositive\u002Fdocs",[239,41,31,240,241,33],"15305145","project\u002Fpositive\u002Fperformance","nfriedly",[108,41,40,243,109,33],"project\u002Fcritical\u002Fperformance",[245,41,33,246,11,40],"15305597","maker\u002Fneutral\u002Fperformance",[248,41,32,246,109,33],"15305768",[250,41,33,251,11,40],"15311419","project\u002Fneutral\u002Fperformance",[253,41,33,254,109,33],"15312419","commenter\u002Fneutral\u002Fperformance",[97,31,40,207,98,33],[54,31,33,209,11,40],[126,202,40,258,127,33],"project\u002Fcritical\u002Fexecution",[260,202,33,261,11,40],"15305620","maker\u002Fneutral\u002Fexecution",[130,202,40,258,127,33],[264,202,32,261,265,33],"15305643","jasonjayr",[85,267,31,268,86,33],7,"project\u002Fpositive\u002Fnone",[101,270,40,207,102,33],8,[142,270,33,209,11,40],[169,273,31,268,170,33],9,[275,273,33,261,11,40],"15309705",[277,34,40,258,278,33],"15306585","rjromero",[280,34,33,261,11,40],"15309707",[282,34,33,261,11,40],"15311427",[115,284,40,207,116,33],11,[148,284,33,209,11,40],[287,288,31,268,289,33],"15339369",12,"saoha",[119,291,40,207,120,33],13,[151,291,33,209,11,40],[294,189,40,258,295,33],"15304424","rajeevcbhatia",[],[298,302,307,312,317,322],{"id":299,"name":300,"points":301,"category":20},"15330409","Logo Crunch",328,{"id":303,"name":304,"points":305,"category":306},"15346381","Moocha.io",231,"learning_science",{"id":308,"name":309,"points":310,"category":311},"15337342","Reddit Grid",217,"consumer_social",{"id":313,"name":314,"points":315,"category":316},"15321555","ThingsOnReddit",153,"web_saas",{"id":318,"name":319,"points":320,"category":321},"15330757","EnvKey",116,"infrastructure",{"id":323,"name":324,"points":325,"category":326},"15351778","Raspberry Pi Zero W Simultaneous AP and Managed (Client) Mode WiFi",101,"hardware",false,"v2",{"id":330,"name":5,"line":6,"ai":327,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":331,"top":18,"kw":332,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":333,"url":9,"mix":334,"praise":66,"objection":90,"sub":21},15302718,-0.19,[24,25,26,27,21],"10000300050051030010101351050100105101",[31,32,33,34],1793990964187]