[{"data":1,"prerenderedAt":312},["ShallowReactive",2],{"project-29369941":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":44,"what":45,"said":67,"maker_in_thread":165,"shape":175,"grid":178,"attempts":273,"same_week":274,"maker_shows":303,"maker_hidden":304,"reader_version":305,"card":306},"29369941","retroSynthwave","Giving a 2D grid a 3D look – part 4","title","Show HN: Giving a 2D grid a 3D look – part 4","https:\u002F\u002Fvictorribeiro.com\u002Frandom4\u002F","victorribeiro.com","atum47",1638115528,2021,155,37,315,2533,13,"notable","creative","generative visuals","web_app",[24,25,26,27],"synthwave canvas","retro grid animation","javascript canvas","outrun visuals","loved",0.474,{"positive":31,"neutral":32,"mixed":33,"critical":33},11,5,1,18,{"idea":36,"design":39,"execution":40,"performance":41},{"positive":37,"critical":38},4,0,{"positive":37,"critical":38},{"positive":33,"critical":33},{"positive":38,"critical":38},[38,32,38,32,38,33,38,32,38,32,38,38,38,38,38,32,38,38,38,43,43,38,38,43,38,43,32,32,43,32,38,38,32,43,32,38,32],3,null,{"problem":44,"audience":44,"pricing":44,"motivation":46,"time_to_build":44,"stack":53,"openness":64,"stage":65,"team_size":66},{"value":47,"source":48,"evidence":49},"Built for fun, spending a few minutes a day on something cool","maker",[50],{"id":51,"by":11,"text":52},"29372658","If go under the links I've submitted you will see that I started a project just for the heck of it and it ends up looking like this. No specific goal in mind, just to spend a few…",[54,60],{"value":55,"source":48,"evidence":56},"JavaScript",[57],{"id":58,"by":11,"text":59},"29372362","Well, I really enjoy it. I've been using it on my projects since 2013 (when I first learned that I could use a 2D array as map for a game, haha). To be honest, I feel I let a lot…",{"value":61,"source":48,"evidence":62},"HTML canvas",[63],{"id":58,"by":11,"text":59},"open_source","launched","solo",{"praise":68,"objections":100,"requests":116,"questions":138,"alternatives":153},[69,93],{"value":70,"source":71,"evidence":72},"Beautiful, retro 80s outrun look","commenter",[73,77,81,85,89],{"id":74,"by":75,"text":76},"29371476","terhechte","This is really really beautiful :) I build something similar last year (https:\u002F\u002Fhyperdeck.io\u002Fbeta\u002F) using Rust and webassemly. Yours looks much much much cooler though! Looking…",{"id":78,"by":79,"text":80},"29370839","codetrotter","Very outrun. Nice work :)",{"id":82,"by":83,"text":84},"29370712","mywacaday","Really like this, not normally my thing but really like the 80s feel while being modern at the same time. Great work!",{"id":86,"by":87,"text":88},"29370440","094459","Love this",{"id":90,"by":91,"text":92},"29373512","Snd_","Great work! Love it",{"value":94,"source":71,"evidence":95},"Elegant, terse code",[96],{"id":97,"by":98,"text":99},"29375615","ccrabb","Insane to me how terse and elegant that code is for such a beautiful outcome",[101,109],{"value":102,"source":71,"evidence":103},"Canvas frame rate drops with glow and sun gradient",[104,108],{"id":105,"by":106,"text":107},"29377189","perilunar","Very nice. Interesting that on Safari on my (admittedly old) laptop, random3 runs at about ~17ms per frame (60 fps), whereas random4 takes ~34ms (30fps). Re-drawing the sun and…",{"id":58,"by":11,"text":59},{"value":110,"source":71,"evidence":111},"Purple background only, nothing visible for one reader",[112],{"id":113,"by":114,"text":115},"29376918","smaudet","I just see a purple background?",[117,124,134],{"value":118,"source":71,"evidence":119},"Add parameter sliders for speed and mountain height",[120],{"id":121,"by":122,"text":123},"29370275","krisrm","This is really cool! Feels very chill. If I had one suggestion, some parameter sliders would be fun. Modify the speed over the land\u002Fheight of the mountains\u002Fvariance in mountain…",{"value":125,"source":71,"evidence":126},"Drive rendering with music or music visualizer",[127,131],{"id":128,"by":129,"text":130},"29370833","mentos","Pairs nicely with my friend's 80's themed track: https:\u002F\u002Fsoundcloud.com\u002Fprotocolzero\u002Ftrainride-to-paradise\u002Fs-wi7qPEREkQq Would be cool to drive the rendering with the song?…",{"id":132,"by":11,"text":133},"29369985","I think I'm getting close to \"finish\" this project. I've been thinking about using as a music visualization for my web radio project [1] or let people save it as an image or a…",{"value":135,"source":71,"evidence":136},"Make sun scale with canvas size",[137],{"id":105,"by":106,"text":107},[139,146],{"value":140,"source":71,"evidence":141},"Is the project open source",[142],{"id":143,"by":144,"text":145},"29371060","achillean","This looks amazing! Are you considering open-sourcing it? Would love to see how it fits as a background for https:\u002F\u002F2000.shodan.io There are probably a lot of outrun-style…",{"value":147,"source":71,"evidence":148},"What is the demo trying to achieve",[149],{"id":150,"by":151,"text":152},"29372436","a_c","Please forgive my ignorance, I think I'm missing context here. Would you mind sharing what is this demo trying to achieve? Is it like the star war intro…",[154,158],{"value":155,"source":71,"evidence":156},"Hyperdeck Rust\u002FWebAssembly visual",[157],{"id":74,"by":75,"text":76},{"value":159,"source":71,"evidence":160},"Mars playground parameter visualizer",[161],{"id":162,"by":163,"text":164},"29371867","kattjakt","I've actually made something quite similar a while ago which you might find interesting! 22 parameters plus a step by step visualization of how the scene is created \"layer by…",{"comments":166,"answered":37,"key":167},12,[168,169,172],{"id":132,"text":133},{"id":170,"text":171},"29371344","Yes, I'm on the road but as soon as I can I'll push it to GitHub",{"id":173,"text":174},"29372068","Thank you. Just pushed the code to GitHub",{"commenters":176,"max_depth":43,"maker_replies":166,"first_comment_mins":32,"lifespan_hours":177},26,32,[179,181,183,185,186,187,189,192,194,196,198,201,205,208,211,215,216,217,219,223,228,233,234,237,239,240,243,246,247,251,255,257,260,262,267,269,271],[132,38,38,180,11,33],"project\u002Fpositive\u002Fdesign",[143,38,32,182,144,38],"project\u002Fpositive\u002Fidea",[170,38,38,184,11,33],"maker\u002Fneutral\u002Fnone",[74,38,32,180,75,38],[173,38,38,184,11,33],[113,38,33,188,114,38],"project\u002Fcritical\u002Fexecution",[190,33,38,191,11,33],"29371990","project\u002Fneutral\u002Fnone",[97,33,32,193,98,38],"project\u002Fpositive\u002Fexecution",[195,33,38,184,11,33],"29375810",[128,197,32,182,129,38],2,[199,197,38,200,11,33],"29372271","maker\u002Fneutral\u002Fidea",[202,43,38,203,204,38],"29371316","other\u002Fneutral\u002Fnone","globalise83",[206,37,38,203,207,38],"29373543","fnord123",[209,37,38,203,210,38],"29376913","sillysaurusx",[212,37,38,213,214,38],"29376969","other\u002Fcritical\u002Fnone","metaphor",[121,32,32,182,122,38],[162,32,38,203,163,38],[218,32,38,184,11,33],"29372179",[220,221,38,203,222,38],"29371299",6,"dataviz1000",[224,225,43,226,227,38],"29371164",7,"project\u002Fneutral\u002Fidea","eganist",[229,230,43,231,232,38],"29372325",8,"maker\u002Fneutral\u002Fexecution","FractalHQ",[58,230,38,193,11,33],[235,230,38,203,236,38],"29374917","WesleyJohnson",[150,238,43,226,151,38],9,[51,238,38,200,11,33],[105,241,43,242,106,38],10,"project\u002Fmixed\u002Fperformance",[244,31,32,182,245,38],"29371310","ChrisMarshallNY",[78,166,32,180,79,38],[248,18,43,249,250,38],"29372853","project\u002Fneutral\u002Fperformance","Matheus28",[252,253,32,180,254,38],"29370685",14,"FpUser",[256,253,38,184,11,33],"29372098",[258,259,38,226,11,33],"29387221",15,[82,261,32,180,83,38],16,[263,264,43,265,266,38],"29373006",17,"project\u002Fneutral\u002Fexecution","samradelie",[90,34,32,268,91,38],"project\u002Fpositive\u002Fnone",[270,34,38,184,11,33],"29373521",[86,272,32,268,87,38],19,[],[275,280,284,289,293,298],{"id":276,"name":277,"points":278,"category":279},"29349079","shuffle.dev",317,"web_saas",{"id":281,"name":282,"points":283,"category":20},"29368552","4K Desktop Wallpaper Generator",258,{"id":285,"name":286,"points":287,"category":288},"29406112","Neko",227,"infrastructure",{"id":290,"name":291,"points":292,"category":279},"29381055","Security Camera Lens Calculator",178,{"id":294,"name":295,"points":296,"category":297},"29391107","py_regular_expressions interactive exercises",175,"learning_science",{"id":299,"name":300,"points":301,"category":302},"29369877","Life Simulation",169,"games",53,false,"v2",{"id":307,"name":5,"line":6,"ai":304,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":308,"top":18,"kw":309,"maker":11,"domain":10,"tier":19,"attempts":38,"strip":310,"url":9,"mix":311,"praise":70,"objection":102,"sub":21},29369941,0.47,[24,25,26,27],"0505010505000005000330030355350053505",[31,32,33,33],1794036613626]