[{"data":1,"prerenderedAt":384},["ShallowReactive",2],{"project-12182581":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":43,"post_text":45,"what":46,"said":79,"maker_in_thread":193,"shape":202,"grid":205,"attempts":345,"same_week":346,"maker_shows":32,"maker_hidden":376,"reader_version":377,"card":378},"12182581","wireframe-world","A simple infinite world in WebGL","title","Show HN: A simple infinite world in WebGL","https:\u002F\u002Ferkaman.github.io\u002Fwireframe-world\u002Fwww\u002Fdemo.html","erkaman.github.io","erkaman",1469734580,2016,181,56,160,2264,8,"notable","creative","procedural graphics demo","web_app",[24,25,26,27,28],"webgl","procedural generation","infinite world","vaporwave","chunk rendering","curious",0.125,{"positive":32,"neutral":33,"mixed":34,"critical":35},7,17,3,4,31,{"execution":38,"idea":40,"design":42},{"positive":39,"critical":35},1,{"positive":35,"critical":41},0,{"positive":41,"critical":41},[41,44,34,41,41,34,39,34,41,39,34,34,34,34,34,34,34,41,41,34,44,41,41,34,34,44,41,34,41,44,39,41,34,34,44,39,34,44,44,34],5,null,{"problem":45,"audience":45,"pricing":45,"motivation":47,"time_to_build":45,"stack":54,"openness":76,"stage":77,"team_size":78},{"value":48,"source":49,"evidence":50},"Wanted to try making something vaporwave-like; liked the aesthetic.","maker",[51],{"id":52,"by":11,"text":53},"12183089","I just wanted to try making something vaporwave-like. I really like the aesthetics of it.",[55,61,69],{"value":56,"source":49,"evidence":57},"WebGL",[58],{"id":59,"by":11,"text":60},"12182582","In this demo, I implemented an infinitely continuing, vaporwave-like world in WebGL. If you can't run it for some reason, a recorded gif of the demo can be found here:…",{"value":62,"source":63,"evidence":64},"regl","commenter",[65],{"id":66,"by":67,"text":68},"12182910","evan_","It includes imported libraries, primarily regl[1] which is 8228 lines long. [1]: https:\u002F\u002Fgithub.com\u002Fmikolalysenko\u002Fregl\u002Fblob\u002Fgh-pages\u002Fdist\u002Fregl.js",{"value":70,"source":63,"evidence":71},"Node bundling",[72],{"id":73,"by":74,"text":75},"12182841","robotmlg","Node","open_source","launched","unknown",{"praise":80,"objections":102,"requests":133,"questions":159,"alternatives":171},[81,88,95],{"value":82,"source":63,"evidence":83},"Clean, terse source code",[84],{"id":85,"by":86,"text":87},"12183302","dc2","This guy's source is terse and clean. I like it.",{"value":89,"source":63,"evidence":90},"Creates a convincing illusion of infinite forward motion",[91],{"id":92,"by":93,"text":94},"12185598","govindpatel","the best part of this was it created illusion of moving forward. Nice one. Adding a sound to this can help more.",{"value":96,"source":63,"evidence":97},"Nostalgic demoscene-style graphics",[98],{"id":99,"by":100,"text":101},"12184639","fitzwatermellow","Thanks for posting. This brings back a lot of fond memories for me. The good old days when I was still teaching myself DirectX and OpenGL. Copying and updating ancient demoscene…",[103,114,122],{"value":104,"source":63,"evidence":105},"Visual glitches and missing triangles after some seconds",[106,110],{"id":107,"by":108,"text":109},"12182771","mkishi","It starts visually glitching out after 10 seconds or so, for me. Doesn't really ruin the experience, but as it appears to get more pronounced with time, I don't think we'll reach…",{"id":111,"by":112,"text":113},"12183056","joakleaf","There seems to be some missing triangles after a while (10-20 sec.) on Chrome on OSX Are these caused by some z-buffer issues caused by increasingly large coordinates?",{"value":115,"source":63,"evidence":116},"Bundle is around 10k lines due to bundled dependencies",[117,121],{"id":118,"by":119,"text":120},"12182828","mwiedmann","The .js file is over 10,000 lines of code. How did it get so bloated from your 450 lines of code?",{"id":66,"by":67,"text":68},{"value":123,"source":63,"evidence":124},"Blank page in some browsers",[125,129],{"id":126,"by":127,"text":128},"12183502","d33","I only get a blank page and the following in the console: demo.js:10655 Uncaught SyntaxError: Unexpected token { Tested on Chromium 48.0.2564.116, available under Fedora.",{"id":130,"by":131,"text":132},"12182986","eridius","For anyone using Safari, if you're seeing a blank page, try Safari Technology Preview. It works there.",[134,141,148],{"value":135,"source":63,"evidence":136},"Extract constants so users can tweak them",[137],{"id":138,"by":139,"text":140},"12185826","ReFruity","Next step is to extract these constants for user to play with.",{"value":142,"source":63,"evidence":143},"Add sound or music",[144],{"id":145,"by":146,"text":147},"12185651","chronial","You absolutely should – the music made this a lot more awesome :).",{"value":149,"source":63,"evidence":150},"Enable anisotropic filtering or nearest filtering to reduce blur",[151,155],{"id":152,"by":153,"text":154},"12183630","thristian","If you can, you should really turn on anisotropic filtering, so that the grid-lines on the horizontal surfaces don't go all blurry.",{"id":156,"by":157,"text":158},"12183507","xigency","This is really cool! I think it might look a bit cleaner if you changed the filtering on your shader to be nearest, instead of linear. I posted this previously but I didn't want…",[160,167],{"value":161,"source":63,"evidence":162},"Where the constant f=0.0015974 came from",[163],{"id":164,"by":165,"text":166},"12182759","jackfrodo",">var f = 0.0015974 Where did this number come from? Is it arbitrary?",{"value":168,"source":63,"evidence":169},"Whether z-buffer precision causes the glitches",[170],{"id":111,"by":112,"text":113},[172,179,186],{"value":173,"source":63,"evidence":174},"Thirteenth Floor style virtual worlds",[175],{"id":176,"by":177,"text":178},"12183206","ComodoHacker","Reminds me https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FThe_Thirteenth_Floor",{"value":180,"source":63,"evidence":181},"Infinite terrain WebGL demo by dlubarov",[182],{"id":183,"by":184,"text":185},"12183915","dlubarov","I made a similar demo: http:\u002F\u002Fdlubarov.github.io\u002Fwebgl-infinite-terrain-demo\u002F Source code: https:\u002F\u002Fgithub.com\u002Fdlubarov\u002Fwebgl-infinite-terrain-demo It's also Perlin noise, but…",{"value":187,"source":63,"evidence":188},"Old Excel flight simulator easter egg",[189],{"id":190,"by":191,"text":192},"12183347","dinosaurs","Very nice. This reminded me of the flight simulator easter egg in old versions of MS Excel. Does anyone have some good resources on getting started with WebGL or graphics…",{"comments":194,"answered":195,"key":196},10,6,[197,198,199],{"id":59,"text":60},{"id":52,"text":53},{"id":200,"text":201},"12183099","Just arbitrary hand-tweaking. It was chosen because I though it looked good. When doing procedural generation like this, you basically just tweak constants 'til it looks good.…",{"commenters":203,"max_depth":195,"maker_replies":194,"first_comment_mins":41,"lifespan_hours":204},45,23,[206,208,212,214,216,217,221,224,225,227,230,234,237,240,243,244,245,248,252,255,256,259,260,263,266,269,271,274,276,278,281,284,286,288,290,292,294,297,298,299,302,304,307,308,310,313,316,320,322,324,326,327,331,333,337,341],[59,41,41,207,11,39],"project\u002Fneutral\u002Fnone",[209,41,44,210,211,41],"12182725","project\u002Fpositive\u002Fnone","asimuvPR",[52,41,41,213,11,39],"project\u002Fneutral\u002Fdesign",[164,41,34,215,165,41],"project\u002Fneutral\u002Fexecution",[200,41,41,215,11,39],[218,41,41,219,220,41],"12183487","other\u002Fneutral\u002Fnone","Eyght",[222,41,41,219,223,41],"12184000","tonmoy",[138,41,34,215,139,41],[107,41,39,226,108,41],"project\u002Fcritical\u002Fexecution",[228,41,34,215,229,41],"12183191","_nalply",[231,41,34,232,233,41],"12183628","project\u002Fmixed\u002Fexecution","bartread",[235,41,41,219,236,41],"12187036","deejbee",[238,41,41,219,239,41],"12188799","failrate",[241,41,39,226,242,41],"12182802","ben_jones",[118,41,34,215,119,41],[73,41,34,215,74,41],[246,41,34,215,247,41],"12182964","klodolph",[249,41,41,250,251,41],"12185599","commenter\u002Fneutral\u002Fnone","whostolemyhat",[253,41,34,215,254,41],"12182854","eshyong",[66,41,34,215,67,41],[257,41,41,258,11,39],"12183116","maker\u002Fneutral\u002Fexecution",[152,41,34,215,153,41],[261,41,34,207,262,41],"12183980","abetusk",[264,41,41,219,265,41],"12184486","degenerate",[267,41,41,219,268,41],"12185212","bottled_poe",[270,41,41,219,93,41],"12185584",[272,41,41,273,11,39],"12185214","maker\u002Fneutral\u002Fnone",[145,41,34,275,146,41],"project\u002Fneutral\u002Fidea",[99,41,44,277,100,41],"project\u002Fpositive\u002Fidea",[279,41,41,219,280,41],"12184864","userbinator",[282,41,41,219,283,41],"12185446","david-given",[285,41,41,219,11,39],"12185194",[156,39,34,287,157,41],"project\u002Fmixed\u002Fdesign",[289,39,41,273,11,39],"12183622",[291,39,34,215,157,41],"12187122",[190,293,44,277,191,41],2,[295,293,41,219,296,41],"12183354","leeoniya",[183,34,41,219,184,41],[176,35,34,275,177,41],[300,35,41,250,301,41],"12183312","diimdeep",[303,35,41,275,11,39],"12183480",[305,44,44,277,306,41],"12183674","tomc1985",[111,195,39,226,112,41],[309,195,41,215,11,39],"12183080",[311,195,34,215,312,41],"12183221","Baristan",[314,195,34,215,315,41],"12184350","astrange",[317,32,34,318,319,41],"12187095","project\u002Fmixed\u002Fidea","taternuts",[85,18,44,321,86,41],"project\u002Fpositive\u002Fexecution",[323,18,41,273,11,39],"12183489",[126,325,39,226,127,41],9,[130,194,34,215,131,41],[328,329,41,219,330,41],"12185694",11,"andybak",[92,332,44,277,93,41],12,[334,335,44,210,336,41],"12183481",13,"safeharbourio",[338,339,34,213,340,41],"12183045",14,"pavel_lishin",[342,343,41,219,344,41],"12183761",15,"oldboyFX",[],[347,352,357,362,366,371],{"id":348,"name":349,"points":350,"category":351},"12211754","Noms",508,"data",{"id":353,"name":354,"points":355,"category":356},"12209595","Sharingbuttons.io",350,"dev_tools",{"id":358,"name":359,"points":360,"category":361},"12209889","Lambda School",220,"learning_science",{"id":363,"name":364,"points":365,"category":361},"12194010","Apple",172,{"id":367,"name":368,"points":369,"category":370},"12209910","Amium",168,"productivity",{"id":372,"name":373,"points":374,"category":375},"12210212","rbm",145,"ai",false,"v2",{"id":379,"name":5,"line":6,"ai":376,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":380,"top":18,"kw":381,"maker":11,"domain":10,"tier":19,"attempts":41,"strip":382,"url":9,"mix":383,"praise":82,"objection":104,"sub":21},12182581,0.13,[24,25,26,27,28],"0530031301333333300350033503051033513553",[32,33,34,35],1794036546284]