[{"data":1,"prerenderedAt":429},["ShallowReactive",2],{"project-15183014":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":29,"sentiment":30,"stance_mix":31,"scored_comments":36,"aspects":37,"strip":49,"post_text":51,"what":52,"said":77,"maker_in_thread":183,"shape":194,"grid":198,"attempts":391,"same_week":392,"maker_shows":39,"maker_hidden":421,"reader_version":422,"card":423},"15183014","Rythm.js","Make your web page dance with Rythm.js","title","Show HN: Make your web page dance with Rythm.js","https:\u002F\u002Fokazari.github.io\u002FRythm.js\u002F","okazari.github.io","Okazari",1504700432,2017,183,72,193,2242,9,"notable","languages","javascript animation library","library",[24,25,26,27,28],"javascript","audio visualization","css animation","web audio","frequency analyser","debated",0.045,{"positive":32,"neutral":33,"mixed":34,"critical":35},17,11,2,12,42,{"design":38,"idea":41,"docs":43,"execution":45,"performance":48},{"positive":39,"critical":40},1,4,{"positive":42,"critical":34},7,{"positive":44,"critical":39},0,{"positive":46,"critical":47},6,3,{"positive":44,"critical":39},[50,47,39,50,44,44,50,50,47,39,44,44,39,39,44,44,39,44,44,44,50,47,50,50,50,50,39,47,50,47,39,50,47,39,50,44,44,47,47,47],5,null,{"problem":53,"audience":51,"pricing":51,"motivation":51,"time_to_build":51,"stack":64,"openness":74,"stage":75,"team_size":76},{"value":54,"source":55,"evidence":56},"Animating web page elements in sync with music.","inferred",[57,61],{"id":58,"by":59,"text":60},"15189754","mhasbini","It uses AnalyserNode[0] to get frequency data and moves the elements based on the frequency ratio[1][2]. [0]…",{"id":62,"by":11,"text":63},"15189823","The other answer show exactly the good code lines. To describe it fast : I keep an history of frequency (size customable) and compare the subscribed frequency range to its…",[65,69],{"value":66,"source":55,"evidence":67},"JavaScript",[68],{"id":58,"by":59,"text":60},{"value":70,"source":71,"evidence":72},"Web Audio AnalyserNode","commenter",[73],{"id":58,"by":59,"text":60},"open_source","launched","unknown",{"praise":78,"objections":113,"requests":145,"questions":162,"alternatives":182},[79,98],{"value":80,"source":71,"evidence":81},"Fun and entertaining demo",[82,86,90,94],{"id":83,"by":84,"text":85},"15186600","jim_d","This made me smile. Good work. ps: a nice big demo button beside 'View on Github' and 'Release Notes' would be a nice tweak :)",{"id":87,"by":88,"text":89},"15188233","blairanderson","I don't know what it is but I like it!!!",{"id":91,"by":92,"text":93},"15188442","vuldin","For some reason I love this.",{"id":95,"by":96,"text":97},"15189826","instakill","Awesome stuff. You know you've made something great when most of the HN comments about your project are positive :)",{"value":99,"source":71,"evidence":100},"Works on Android and some mobile browsers",[101,105,109],{"id":102,"by":103,"text":104},"15188909","luke3butler","Works great on Android N for both webview and chrome.",{"id":106,"by":107,"text":108},"15187827","tyingq","Works on my Android. You do have to press the \"start demo\" button at the bottom.",{"id":110,"by":111,"text":112},"15188954","Twirrim","Working fine for me on Firefox and Chrome on android. Note there's a small \"start demo\" button down on the bottom right that you need to press (took me a while to spot that one)",[114,127,138],{"value":115,"source":71,"evidence":116},"Demo button is not prominent and confusing",[117,118,122,126],{"id":83,"by":84,"text":85},{"id":119,"by":120,"text":121},"15187791","jarrettch","I got confused because I was clicking the boxes and nothing was happening. They should definitely put a demo button towards the top. But yes this was cool!",{"id":123,"by":124,"text":125},"15190475","Etheryte","You should probably make the \"start demo\" button more prominent, both my own first reaction as well as that of my colleagues was \"I don't understand what I'm supposed to look at…",{"id":110,"by":111,"text":112},{"value":128,"source":71,"evidence":129},"Does not work on some browsers or mobile Safari",[130,134],{"id":131,"by":132,"text":133},"15189843","zaf","Not working on Desktop Safari 10.1.2",{"id":135,"by":136,"text":137},"15187931","amigoingtodie","Not on iOS Safari for me.",{"value":139,"source":71,"evidence":140},"High CPU usage when demo runs",[141],{"id":142,"by":143,"text":144},"15188338","kixpanganiban","Fun idea, but as soon as I hit `Start Demo` my CPU usage spiked up. Good way to exhaust a laptop\u002Fmobile device's battery ;)",[146,155],{"value":147,"source":71,"evidence":148},"Make the demo button more prominent or on by default",[149,150,151],{"id":83,"by":84,"text":85},{"id":123,"by":124,"text":125},{"id":152,"by":153,"text":154},"15188407","tw1010","Yeah, I kind of think it should be turned on by default.",{"value":156,"source":71,"evidence":157},"Add a feature to enable only with Konami code",[158],{"id":159,"by":160,"text":161},"15188553","throwaway2016a","Needs an option to enable only when the Konami Code is entered.",[163,171],{"value":164,"source":71,"evidence":165},"How does it detect the frequency changes?",[166,170],{"id":167,"by":168,"text":169},"15189631","gorg75","First I thought the script just made things bounce at intervals, but then I noticed the different boxes for base, mid and high range sounds actually follow the changes in the…",{"id":58,"by":59,"text":60},{"value":172,"source":71,"evidence":173},"Does it work on mobile?",[174,178],{"id":175,"by":176,"text":177},"15187723","revicon","Is this supposed to work on mobile?",{"id":179,"by":180,"text":181},"15188718","magic_beans","None of it works on mobile.",[],{"comments":42,"answered":34,"key":184},[185,188,191],{"id":186,"text":187},"15189902","Wow awesome link ! I will try this out for sure :p !",{"id":189,"text":190},"15189564","You're right :), Rhythm.js were taken and Rythm is close to the initial french spelling.",{"id":192,"text":193},"15190915","Did it work as you expected ?",{"commenters":195,"max_depth":42,"maker_replies":42,"first_comment_mins":196,"lifespan_hours":197},53,412,166,[199,201,203,207,211,215,219,222,225,228,231,233,236,239,243,246,249,251,255,258,261,262,266,269,272,275,277,279,282,284,288,291,294,297,299,301,303,306,309,313,314,315,317,319,322,323,325,326,329,330,332,334,335,336,339,342,345,348,352,353,356,360,363,364,367,369,372,376,378,381,385,388],[83,44,50,200,84,44],"maker\u002Fpositive\u002Fdesign",[119,44,47,202,120,44],"project\u002Fmixed\u002Fdesign",[204,44,44,205,206,44],"15188187","commenter\u002Fmixed\u002Fdesign","rnprince",[208,44,39,209,210,44],"15191038","project\u002Fcritical\u002Fdesign","BraveKenny",[212,39,39,213,214,44],"15187862","project\u002Fcritical\u002Fidea","crispinb",[216,39,50,217,218,44],"15188057","project\u002Fpositive\u002Fidea","oliyoung",[220,39,44,221,214,44],"15188138","commenter\u002Fneutral\u002Fidea",[223,39,44,224,218,44],"15188340","commenter\u002Fneutral\u002Fnone",[226,39,44,224,227,44],"15190378","efreak",[229,39,44,230,214,44],"15197158","other\u002Fneutral\u002Fnone",[232,39,44,224,218,44],"15215041",[234,39,50,217,235,44],"15189560","kagamine",[237,39,50,217,238,44],"15188870","sudhakarrayav",[240,39,47,241,242,44],"15190230","project\u002Fneutral\u002Fidea","ben-schaaf",[244,39,39,209,245,44],"15190685","jrimbault",[247,39,50,217,248,44],"15191017","knowThySelfx",[123,34,47,250,124,44],"project\u002Fneutral\u002Fdesign",[252,47,39,253,254,44],"15188949","project\u002Fcritical\u002Fnone","fowl2",[256,47,44,230,257,44],"15189588","a1371",[259,47,44,230,260,44],"15189668","maeln",[186,47,44,224,11,39],[263,47,44,264,265,44],"15191850","other\u002Fneutral\u002Fidea","hanniabu",[267,40,39,213,268,44],"15188454","prawn",[270,50,47,202,271,44],"15190188","CM30",[273,46,39,209,274,44],"15187907","magamind",[276,46,44,224,214,44],"15188149",[189,46,44,278,11,39],"maker\u002Fneutral\u002Fnone",[280,46,44,224,281,44],"15190256","nthcolumn",[283,46,44,230,111,44],"15188962",[285,46,39,286,287,44],"15189235","project\u002Fcritical\u002Fdocs","cyberferret",[289,46,44,224,290,44],"15190253","Cthulhu_",[292,46,44,230,293,44],"15190335","bshimmin",[295,46,44,230,296,44],"15190411","train_robber",[298,46,44,230,245,44],"15190696",[300,46,44,230,293,44],"15192970",[302,46,44,230,245,44],"15236909",[304,42,50,217,305,44],"15188859","JuggaloJohnnie",[179,307,39,308,180,44],8,"project\u002Fcritical\u002Fexecution",[310,307,50,311,312,44],"15188826","project\u002Fpositive\u002Fexecution","Morizero",[102,307,50,311,103,44],[110,307,50,311,111,44],[95,18,50,316,96,44],"project\u002Fpositive\u002Fnone",[87,318,50,316,88,44],10,[320,33,50,316,321,44],"15190485","harel",[192,33,44,278,11,39],[324,33,50,217,321,44],"15195818",[131,35,39,308,132,44],[167,327,47,328,168,44],13,"project\u002Fneutral\u002Fexecution",[58,327,47,328,59,44],[62,327,44,331,11,39],"maker\u002Fneutral\u002Fexecution",[175,333,47,328,176,44],14,[106,333,50,311,107,44],[135,333,39,308,136,44],[337,333,50,311,338,44],"15188010","Xoros",[340,333,39,209,341,44],"15188303","CodeWriter23",[343,333,44,344,160,44],"15188545","commenter\u002Fneutral\u002Fdesign",[346,333,50,311,347,44],"15187966","Andrenid",[349,350,47,250,351,44],"15186306",15,"anotheryou",[152,350,47,250,153,44],[142,354,39,355,143,44],16,"project\u002Fcritical\u002Fperformance",[357,354,47,358,359,44],"15188647","project\u002Fneutral\u002Fperformance","saganus",[361,354,44,362,11,39],"15189830","maker\u002Fneutral\u002Fperformance",[91,32,50,217,92,44],[365,32,44,224,366,44],"15188468","always_good",[368,32,44,230,235,44],"15189584",[370,32,44,230,371,44],"15189666","emerongi",[373,32,44,374,375,44],"15189906","commenter\u002Fcritical\u002Fnone","3131s",[159,377,47,241,160,44],18,[379,377,44,380,11,39],"15189577","maker\u002Fneutral\u002Fidea",[382,383,47,241,384,44],"15188538",19,"tribby",[386,383,44,387,11,39],"15189945","maker\u002Fpositive\u002Fidea",[389,383,47,390,384,44],"15193622","project\u002Fneutral\u002Fdocs",[],[393,398,402,407,412,416],{"id":394,"name":395,"points":396,"category":397},"15178283","Key Values",222,"productivity",{"id":399,"name":400,"points":401,"category":20},"15177549","LÖVR",131,{"id":403,"name":404,"points":405,"category":406},"15173863","e",120,"dev_tools",{"id":408,"name":409,"points":410,"category":411},"15180948","BigQuery dataset",119,"data",{"id":413,"name":414,"points":415,"category":406},"15173190","Hatch",108,{"id":417,"name":418,"points":419,"category":420},"15178093","crypto.study",77,"web_saas",false,"v2",{"id":424,"name":5,"line":6,"ai":421,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":425,"top":18,"kw":426,"maker":11,"domain":10,"tier":19,"attempts":44,"strip":427,"url":9,"mix":428,"praise":80,"objection":115,"sub":21},15183014,0.05,[24,25,26,27,28],"5315005531001100100053555513531531500333",[32,33,34,35],1794036558687]