[{"data":1,"prerenderedAt":405},["ShallowReactive",2],{"project-46672181":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":34,"aspects":35,"strip":42,"post_text":45,"what":46,"said":70,"maker_in_thread":230,"shape":239,"grid":244,"attempts":365,"same_week":366,"maker_shows":241,"maker_hidden":397,"reader_version":398,"card":399},"46672181","Beats","A web-based drum machine","title","Show HN: Beats, a web-based drum machine","https:\u002F\u002Fbeats.lasagna.pizza","beats.lasagna.pizza","kinduff",1768770608,2026,160,48,391,4366,9,"notable","creative","drum machine","web_app",[21,24,25,26,27],"web beat maker","step sequencer","tone.js","browser music","loved",0.527,{"positive":31,"neutral":32,"mixed":18,"critical":33},22,6,1,38,{"design":36,"performance":39,"execution":40},{"positive":37,"critical":38},7,0,{"positive":38,"critical":38},{"positive":41,"critical":38},2,[43,38,38,43,43,38,38,43,43,44,44,44,44,33,44,43,43,38,43,43,44,44,43,44,44,38,43,43,43,43,43,43,43,43,43,44,38,43,44,44],5,3,"Hello all!\n\nI've been an avid fan of Pocket Operators by Teenage Engineering since I found out about them. I even own an EP-133 K.O. II today, which I love.\n\nA couple of months ago, Reddit user andiam03 shared a Google Sheet with some drum patterns [1]. I thought it was a very cool way to share and understand beats.\n\nDuring the weekend I coded a basic version of this app I am sharing today. I iterated over it in my free time, and yesterday I felt like I had a pretty good version to share with y'all.\n\nIt's not meant to be a sequencer but rather a way to experiment with beats and basic sounds, s",{"problem":47,"audience":53,"pricing":53,"motivation":54,"time_to_build":53,"stack":58,"openness":67,"stage":68,"team_size":69},{"value":48,"source":49,"evidence":50},"Lets people experiment with beats and basic sounds, save them and share them by link","maker",[51],{"id":52},"post",null,{"value":55,"source":49,"evidence":56},"Fan of Teenage Engineering Pocket Operators; wanted to experiment with beats",[57],{"id":52},[59,63],{"value":60,"source":49,"evidence":61},"Tone.js",[62],{"id":52},{"value":64,"source":49,"evidence":65},"Stimulus",[66],{"id":52},"unknown","launched","solo",{"praise":71,"objections":114,"requests":152,"questions":190,"alternatives":205},[72,92,103],{"value":73,"source":74,"evidence":75},"Simple, instant, fun UI","commenter",[76,80,84,88],{"id":77,"by":78,"text":79},"46675644","cyrusradfar","This made my day. Love this, thank you!",{"id":81,"by":82,"text":83},"46673470","MintyPyro","Very well made!",{"id":85,"by":86,"text":87},"46690906","ssoydan","Simple and fun! I love it.",{"id":89,"by":90,"text":91},"46675483","ferg-in-japan","Wow this is cool! Inspiration to try making something like this myself. The 8-bit aesthetic looks great too. It would be cool if users could edit the tones - maybe a way to…",{"value":93,"source":74,"evidence":94},"Scanline visual style",[95,99],{"id":96,"by":97,"text":98},"46680188","fooqux","The scan line effect is very nice. Not over done like many others are.",{"id":100,"by":101,"text":102},"46682273","epiccoleman","I see scanlines, I upvote. Simple as.",{"value":104,"source":74,"evidence":105},"Works well on mobile and as a home-screen PWA-like app",[106,110],{"id":107,"by":108,"text":109},"46681888","fallinditch","Nice job! Added to my home screen. Firefox on Android - seems to work perfectly. Any plans to develop this further? I'm not sure how doable this is but I'd love to be able to…",{"id":111,"by":112,"text":113},"46683993","yochem","Really nice, loved playing with it! One small improvement: could you disable the \"double tap to zoom\" on mobile browsers? This happens often when you press multiple squares…",[115,134,145],{"value":116,"source":74,"evidence":117},"Crackling or popping sounds on Firefox",[118,122,126,130],{"id":119,"by":120,"text":121},"46674213","lagniappe","Lots of crackling and popping in firefox on macos, pretty cool otherwise",{"id":123,"by":124,"text":125},"46675613","exodust","I'm getting a little popping on Firefox Windows, which disappears if I remove the kick step on second row of the default bosa nova. Nice work anyway, the UI is immediate and…",{"id":127,"by":128,"text":129},"46675771","yellowapple","Same, with Firefox on Linux (via Flatpak). The UI's great, though.",{"id":131,"by":132,"text":133},"46677195","igleria","This is great! I can report a bit of odd sounds here and there on firefox ubuntu, but chromium ubuntu works perfect.",{"value":135,"source":74,"evidence":136},"Waveforms and bossa nova examples sound poor",[137,141],{"id":138,"by":139,"text":140},"46672956","nilram","Not great waveforms, to my ear. Decent UI for a first cut -- trying it out, I found it really addictive. Makes me want to learn more about beats.",{"id":142,"by":143,"text":144},"46673063","hmokiguess","Nice UI but your examples don’t feel right to me. Bossa nova sounds nothing like bossa nova.",{"value":146,"source":74,"evidence":147},"Share button missing on Firefox",[148],{"id":149,"by":150,"text":151},"46675951","skupig","The share button doesn't show up on Firefox for some reason? Fun stuff! It would be nice to be able to make longer patterns. Maybe by having triggers that play randomly or every…",[153,161,165,176,183],{"value":154,"source":74,"evidence":155},"Triplets \u002F swing support",[156,160],{"id":157,"by":158,"text":159},"46673246","Voltage","https:\u002F\u002Fbeats.lasagna.pizza\u002F?name=lo-fi+dust&bpm=95&i0=K0100000110100001&i1=S0001101000010011&i2=H0000100011001010&i3=X1001000000000000&i4=W0110001101101010&i5=R0010101000100011…",{"id":107,"by":108,"text":109},{"value":162,"source":74,"evidence":163},"Longer patterns or random\u002Fevery-nth triggers",[164],{"id":149,"by":150,"text":151},{"value":166,"source":74,"evidence":167},"Tap BPM and offline use",[168,172],{"id":169,"by":170,"text":171},"46676681","adrianwaj","Very nice. Would be great to see a \"tap bpm\" instead of setting numerically, also a way to run offline, and lastly a way to submit drum covers of popular tracks that used say the…",{"id":173,"by":174,"text":175},"46675978","utopiah","Very neat! I had a https:\u002F\u002Fwww.crowdsupply.com\u002Fwee-noise-makers\u002Fwee-noise-makers-pgb-1 but I don't always carry it with me. I do have my phone though most of the time in my…",{"value":177,"source":74,"evidence":178},"Keyboard control",[179],{"id":180,"by":181,"text":182},"46676154","beratbozkurt0","can we control with keyboard?",{"value":184,"source":74,"evidence":185},"Randomize button",[186],{"id":187,"by":188,"text":189},"46679829","millzlane","A randomize button would be cool.",[191,198],{"value":192,"source":74,"evidence":193},"Was AI used in building it?",[194],{"id":195,"by":196,"text":197},"46680518","bicepjai","I really enjoyed playing around with this, thanks for sharing. You can tell a lot of care and effort went into the experience. I’m curious: did you use any AI tools while…",{"value":199,"source":74,"evidence":200},"What is the UI toolkit?",[201],{"id":202,"by":203,"text":204},"46677264","zerr","Nice! What's the UI toolkit?",[206,216,223],{"value":207,"source":74,"evidence":208},"Pocket Operators \u002F EP-133 K.O. II hardware",[209,212],{"id":210,"by":11,"text":211},"46683770","Wow! This is amazing! You went great lenghs to make it complete. I really like the layers, something that I would love to add. Your sounds are very nice too, are you synthesizing…",{"id":213,"by":214,"text":215},"46677727","dworks","Love the UI. I think these browser-based products are great at removing the \"mystery\" around music making or DJing by making it accessible. All you need to do is type a URL and…",{"value":217,"source":74,"evidence":218},"Drum On (Android offline drum machine)",[219],{"id":220,"by":221,"text":222},"46673369","metalman","heres an offline drum machine, \"drum on\" like the online one here as well, but does have static glitches. https:\u002F\u002Ff-droid.org\u002Fen\u002Fpackages\u002Fse.tube42.drum.android\u002F",{"value":224,"source":74,"evidence":225},"Glicol live coding",[226],{"id":227,"by":228,"text":229},"46678355","chaosprint","cool. for those who are interested, you can actually use code to control the seq like this example in Glicol: https:\u002F\u002Fglicol.org\u002Fdemo#minitechno",{"comments":43,"answered":44,"key":231},[232,233,236],{"id":210,"text":211},{"id":234,"text":235},"46673305","Nice beat! What do you mean by triplets?",{"id":237,"text":238},"46673301","I agree, let me see if I can tweak it so it sounds a bit more like it.",{"commenters":240,"max_depth":241,"maker_replies":43,"first_comment_mins":242,"lifespan_hours":243},40,4,97,39,[245,249,251,253,254,255,256,258,262,265,267,269,272,273,274,278,280,282,283,287,288,291,295,297,301,305,307,311,313,315,317,319,322,324,326,330,334,335,340,342,344,346,349,352,354,356,360,362],[246,38,43,247,248,38],"46682294","project\u002Fpositive\u002Fnone","turbotim",[210,38,38,250,11,33],"commenter\u002Fneutral\u002Fnone",[252,38,38,250,248,38],"46685788",[169,33,43,247,170,38],[157,41,43,247,158,38],[234,41,38,250,11,33],[257,41,38,250,158,38],"46673361",[259,41,38,260,261,38],"46678524","other\u002Fneutral\u002Fnone","bevelwork",[263,41,43,247,264,38],"46675516","ofrzeta",[213,44,43,266,214,38],"project\u002Fpositive\u002Fdesign",[119,241,44,268,120,38],"project\u002Fmixed\u002Fperformance",[270,241,44,271,264,38],"46675522","project\u002Fneutral\u002Fperformance",[123,241,44,268,124,38],[127,241,44,268,128,38],[275,241,44,276,277,38],"46678040","project\u002Fmixed\u002Fdesign","darkwater",[220,43,33,279,221,38],"project\u002Fcritical\u002Fnone",[111,32,44,281,112,38],"project\u002Fmixed\u002Fexecution",[149,37,44,281,150,38],[284,285,43,266,286,38],"46675368",8,"ajxs",[173,18,43,247,174,38],[289,18,38,260,290,38],"46676501","djmips",[292,293,43,266,294,38],"46674317",10,"bracketfocus",[107,296,43,247,108,38],11,[298,299,43,266,300,38],"46679040",12,"fatherwavelet",[302,299,44,303,304,38],"46679571","project\u002Fneutral\u002Fdesign","oniony",[138,306,44,281,139,38],13,[308,309,43,247,310,38],"46680119",14,"999900000999",[131,312,44,268,132,38],15,[142,314,44,281,143,38],16,[237,314,38,316,11,33],"project\u002Fneutral\u002Fexecution",[227,318,38,260,228,38],17,[195,320,43,321,196,38],18,"maker\u002Fpositive\u002Fnone",[323,320,43,247,196,38],"46681936",[89,325,43,266,90,38],19,[327,328,43,247,329,38],"46676939",20,"myky22",[331,332,43,247,333,38],"46674183",21,"hmcamp",[96,31,43,266,97,38],[336,337,43,338,339,38],"46674575",23,"project\u002Fpositive\u002Fexecution","brikym",[81,341,43,338,82,38],24,[77,343,43,247,78,38],25,[100,345,43,266,101,38],26,[187,347,44,348,188,38],27,"project\u002Fneutral\u002Fnone",[202,350,44,351,203,38],28,"maker\u002Fneutral\u002Fexecution",[353,350,38,351,11,33],"46683678",[85,355,43,247,86,38],29,[357,358,44,348,359,38],"46676770",30,"Igor_Wiwi",[180,361,44,348,181,38],31,[363,361,38,364,11,33],"46683673","maker\u002Fneutral\u002Fnone",[],[367,372,377,382,387,392],{"id":368,"name":369,"points":370,"category":371},"46706528","ChartGPU",670,"data",{"id":373,"name":374,"points":375,"category":376},"46713106","Sweep Next-Edit 1.5B",534,"ai",{"id":378,"name":379,"points":380,"category":381},"46673809","Calquio",314,"finance_crypto",{"id":383,"name":384,"points":385,"category":386},"46696283","Coi",225,"languages",{"id":388,"name":389,"points":390,"category":391},"46709543","Rails UI",208,"dev_tools",{"id":393,"name":394,"points":395,"category":396},"46671952","Dock",177,"productivity",false,"v2",{"id":400,"name":5,"line":6,"ai":397,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":401,"top":18,"kw":402,"maker":11,"domain":10,"tier":19,"attempts":38,"strip":403,"url":9,"mix":404,"praise":73,"objection":116,"sub":21},46672181,0.53,[21,24,25,26,27],"5005500553333135505533533055555555530533",[31,32,18,33],1794036690621]