[{"data":1,"prerenderedAt":279},["ShallowReactive",2],{"project-7578002":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":35,"aspects":36,"strip":43,"post_text":44,"what":45,"said":76,"maker_in_thread":156,"shape":168,"grid":173,"attempts":240,"same_week":241,"maker_shows":34,"maker_hidden":271,"reader_version":272,"card":273},"7578002","Trianglify","low poly style background generator with D3.js","title","Show HN: Trianglify – low poly style background generator with D3.js ","http:\u002F\u002Fqrohlf.com\u002Ftrianglify\u002F","qrohlf.com","qrohlf",1397314666,2014,170,30,131,2272,6,"notable","creative","generative background design","library",[24,25,26,27,28],"low poly background","svg pattern generator","d3.js","triangle background","javascript library","mixed",0.167,{"positive":32,"neutral":32,"mixed":33,"critical":34},5,0,3,13,{"execution":37,"performance":39,"idea":40,"design":42},{"positive":38,"critical":34},1,{"positive":33,"critical":33},{"positive":41,"critical":33},2,{"positive":38,"critical":33},[33,33,33,32,33,33,32,33,34,33,34,34,33,33,32,32,33,34,33,33,33,33,32,38,38,33,38,33,34],null,{"problem":46,"audience":44,"pricing":44,"motivation":56,"time_to_build":44,"stack":63,"openness":74,"stage":75,"team_size":75},{"value":47,"source":48,"evidence":49},"Creating low poly style triangle background images","inferred",[50,52],{"id":51},"post",{"id":53,"by":54,"text":55},"7578561","cookrn","Gorgeous! I've been using http:\u002F\u002Fcl.ly\u002Fimage\u002F0S0X0V3F2H2K for the last few years and looking for similar, nicely colored images to swap into a rotation. I had two fun thoughts…",{"value":57,"source":58,"evidence":59},"Generating header images for the maker's blog posts","maker",[60],{"id":61,"by":11,"text":62},"7578207","PNG\u002FJPG output is definitely on my wish list, since I'm going to be using this thing to generate header images for my blog posts and the whole \"save as SVG > open in Illustrator…",[64,70],{"value":65,"source":48,"evidence":66},"JavaScript",[67],{"id":68,"by":11,"text":69},"7578738","You can use any color palette you want! The whole thing is packaged up as a drop-in javascript library. Check out the x_gradient and y_gradient config options:…",{"value":71,"source":58,"evidence":72},"D3.js",[73],{"id":51},"open_source","unknown",{"praise":77,"objections":94,"requests":113,"questions":137,"alternatives":138},[78,86],{"value":79,"source":80,"evidence":81},"Noise option produces a great looking pattern","commenter",[82],{"id":83,"by":84,"text":85},"7578119","backwardm","Nicely done! The noise option really makes for a great looking pattern.",{"value":87,"source":80,"evidence":88},"Gorgeous and clean results",[89,90],{"id":53,"by":54,"text":55},{"id":91,"by":92,"text":93},"7580723","quackerhacker","Reminds of a kaleidoscope. Since you've based the package on Javascript, it wouldn't be too difficult\u002Ftime-consuming to add some css3 animation to make it transform as such.…",[95,106],{"value":96,"source":80,"evidence":97},"Site SSL error on custom domain",[98,102],{"id":99,"by":100,"text":101},"7578478","balls187","I get an SSL error when clicking on your site link. https:\u002F\u002Fqrohlf.com\u002F",{"id":103,"by":104,"text":105},"7578492","olegkikin","Same here ``` You attempted to reach qrohlf.com, but instead you actually reached a server identifying itself as www.github.com. This may be caused by a misconfiguration on the…",{"value":107,"source":80,"evidence":108},"Noise slows rendering and increases file size",[109],{"id":110,"by":111,"text":112},"7589008","PeterSmit","Cool app. I noticed this: Not only does noise slow down rendering, it also increases file size for the downloaded image.",[114,122,129,133],{"value":115,"source":80,"evidence":116},"PNG or JPG output",[117,121],{"id":118,"by":119,"text":120},"7578176","4gn3s","Have you thought of making a wallpaper generator of it? It would be awesome to download the output as .png with different screen resolutions",{"id":61,"by":11,"text":62},{"value":123,"source":80,"evidence":124},"Brightness or density sliders",[125],{"id":126,"by":127,"text":128},"7578097","samstave","Love it -- I would request two sliders: triangle size\u002Fdensity slider and color brightness... (I'd like darker screens rather than bright pastels)",{"value":130,"source":80,"evidence":131},"Tileable patterns",[132],{"id":53,"by":54,"text":55},{"value":134,"source":80,"evidence":135},"Custom color palettes such as Kuler",[136],{"id":53,"by":54,"text":55},[],[139,146],{"value":140,"source":80,"evidence":141},"flat-surface-shader animated background",[142],{"id":143,"by":144,"text":145},"7578616","msvan","Good job! Here's a similar one, but animated: http:\u002F\u002Fwagerfield.github.io\u002Fflat-surface-shader\u002F. It was on HN a few months ago.",{"value":147,"source":80,"evidence":148},"polygonz generator",[149,153],{"id":150,"by":151,"text":152},"7580655","zaucetech","Weirdly, I had this exact same idea a little while ago and threw something together: http:\u002F\u002Fpolygonz.zaucetech.com\u002F its open source too!",{"id":154,"by":151,"text":155},"7580665","This is sweet, maybe you could benefit from some of the code I wrote a little while earlier for something super similar: http:\u002F\u002Fpolygonz.zaucetech.com\u002F",{"comments":157,"answered":41,"key":158},9,[159,162,165],{"id":160,"text":161},"7578730","That's super slick - but it pretty much makes the site unusable on my phone with all the rendering that's constantly being done on the UI thread.",{"id":163,"text":164},"7579187","That's awesome! One issue though: I had to switch to Chrome to get it to work - in Safari I just get a bunch of SecurityErrors...",{"id":166,"text":167},"7579630","Sweet! Just added it to the readme.",{"commenters":169,"max_depth":170,"maker_replies":157,"first_comment_mins":171,"lifespan_hours":172},16,4,36,54,[174,176,179,181,185,187,190,194,196,199,201,203,205,206,207,209,211,213,214,217,219,223,225,226,228,229,231,234,236],[143,33,33,175,144,33],"other\u002Fneutral\u002Fidea",[177,38,33,175,178,33],"7578655","rhythmvs",[160,38,33,180,11,38],"other\u002Fcritical\u002Fperformance",[182,41,32,183,184,33],"7579169","project\u002Fpositive\u002Fnone","nixterrimus",[163,41,33,186,11,38],"project\u002Fcritical\u002Fexecution",[188,41,33,189,184,33],"7579202","commenter\u002Fneutral\u002Fexecution",[191,41,32,192,193,33],"7579304","project\u002Fpositive\u002Fexecution","lingben",[195,41,33,189,184,33],"7579336",[197,41,34,198,184,33],"7579372","maker\u002Fneutral\u002Fexecution",[166,41,33,200,11,38],"maker\u002Fpositive\u002Fdocs",[110,41,34,202,111,33],"project\u002Fneutral\u002Fperformance",[118,34,34,204,119,33],"project\u002Fneutral\u002Fidea",[61,34,33,204,11,38],[150,34,33,175,151,33],[83,170,32,208,84,33],"project\u002Fpositive\u002Fdesign",[53,32,32,210,54,33],"project\u002Fpositive\u002Fidea",[68,32,33,212,11,38],"project\u002Fneutral\u002Fdesign",[126,18,34,212,127,33],[215,18,33,216,11,38],"7578151","project\u002Fneutral\u002Fdocs",[218,18,33,175,151,33],"7580658",[220,221,33,222,11,38],"7578154",7,"project\u002Fneutral\u002Fnone",[154,224,33,175,151,33],8,[91,157,32,210,92,33],[99,227,38,186,100,33],10,[103,227,38,186,104,33],[230,227,33,198,11,38],"7578499",[232,227,38,186,233,33],"7578625","ZirconCode",[235,227,33,189,11,38],"7578645",[237,238,34,204,239,33],"7579182",11,"robbles",[],[242,247,252,256,261,266],{"id":243,"name":244,"points":245,"category":246},"7591094","Super Planet Crash",349,"games",{"id":248,"name":249,"points":250,"category":251},"7568851","Coin for Coffee",169,"finance_crypto",{"id":253,"name":254,"points":255,"category":20},"7589643","toneden.io",93,{"id":257,"name":258,"points":259,"category":260},"7586775","Poor Man's VPN",85,"security_privacy",{"id":262,"name":263,"points":264,"category":265},"7582316","Huginn",76,"dev_tools",{"id":267,"name":268,"points":269,"category":270},"7570041","TruckPlease",73,"web_saas",false,"v2",{"id":274,"name":5,"line":6,"ai":271,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":275,"top":18,"kw":276,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":277,"url":9,"mix":278,"praise":79,"objection":96,"sub":21},7578002,0.17,[24,25,26,27,28],"00050050303300550300005110103",[32,32,33,34],1794036517482]