[{"data":1,"prerenderedAt":337},["ShallowReactive",2],{"project-9410452":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":27,"sentiment":28,"stance_mix":29,"scored_comments":34,"aspects":35,"strip":43,"post_text":46,"what":47,"said":71,"maker_in_thread":153,"shape":165,"grid":169,"attempts":298,"same_week":299,"maker_shows":18,"maker_hidden":329,"reader_version":330,"card":331},"9410452","Kubist","A little web app to make cubism-like images","title","Show HN: Kubist, a little web app to make cubism-like images","http:\u002F\u002Fwilliamngan.github.io\u002Fkubist\u002F","williamngan.github.io","metaphorical",1429559701,2015,231,48,75,2565,3,"notable","creative","generative art","web_app",[24,25,26,21],"voronoi","delaunay triangulation","image mosaic","curious",0.235,{"positive":30,"neutral":31,"mixed":32,"critical":33},10,14,0,4,28,{"execution":36,"idea":38,"design":39,"docs":41,"performance":42},{"positive":37,"critical":32},2,{"positive":32,"critical":33},{"positive":40,"critical":32},7,{"positive":32,"critical":32},{"positive":32,"critical":32},[44,32,32,32,32,45,32,45,32,45,32,32,45,18,32,32,44,44,44,44,18,18,18,32,44,44,18,18,44,18,18,18,18,18,44,32,44,18,32,18],5,1,null,{"problem":48,"audience":46,"pricing":46,"motivation":46,"time_to_build":46,"stack":57,"openness":69,"stage":70,"team_size":69},{"value":49,"source":50,"evidence":51},"Turns an image into a cubism-like geometric artwork","inferred",[52,54],{"id":53},"post",{"id":55,"by":11,"text":56},"9410974","Yes. I use d3.geom.delaunay or d3.geom.voronoi to create the delaunay or voronoi tessellation. http:\u002F\u002Fbl.ocks.org\u002Fmbostock\u002F4341156 Then for each polygon, I take its points…",[58,63],{"value":59,"source":60,"evidence":61},"d3.js","maker",[62],{"id":55,"by":11,"text":56},{"value":64,"source":60,"evidence":65},"JSFeat",[66],{"id":67,"by":11,"text":68},"9410992","Yep, both delaunay (\"Triangle\") and voronoi (\"Cell\") uses \"best candidate algorithm\" to distribute the points by default. It's similiar to poisson disc. The \"Analyze image\" uses…","unknown","launched",{"praise":72,"objections":92,"requests":108,"questions":123,"alternatives":131},[73,85],{"value":74,"source":75,"evidence":76},"Pretty, mesmerizing results and interactive point dragging","commenter",[77,81],{"id":78,"by":79,"text":80},"9411161","ComNik","Really really nice. Enjoyed playing around with it. The resulting images are very appealing to me.",{"id":82,"by":83,"text":84},"9411506","explosion","I agree, the resulting images are beautiful. For some reason, it's surprisingly mesmerizing to drag the points around and see the colors change.",{"value":86,"source":75,"evidence":87},"Useful for making color palettes from a picture",[88],{"id":89,"by":90,"text":91},"9411096","camillomiller","Cool. Very helpful to create color palettes from a picture.",[93],{"value":94,"source":75,"evidence":95},"Not really cubism; the geometric look misses cubism's multiple viewpoints",[96,100,104],{"id":97,"by":98,"text":99},"9411269","ris","That's... not cubism.",{"id":101,"by":102,"text":103},"9411330","1ris","No, not at all. It's nice, but not cubism. Cubism can, for example, look like this:…",{"id":105,"by":106,"text":107},"9412557","grey-area","Quite. The parent has a good point though, this looks nice and is interesting but wouldn't it misses the main tenet of cubism, which was to show multiple facets of objects…",[109,116],{"value":110,"source":75,"evidence":111},"Live update while dragging points",[112],{"id":113,"by":114,"text":115},"9411578","dmnd","Nice work! A small suggestion: live update the image when I drag a point around. It's annoying to have to click, drag, release, click, drag, release when making small adjustments.",{"value":117,"source":75,"evidence":118},"Desktop version for larger images",[119],{"id":120,"by":121,"text":122},"9414634","e_proxus","Would love a desktop version of this, to be able to edit bigger pictures. Currently, generating laptop desktop backgrounds is very slow on mobile devices. It's also hard to…",[124],{"value":125,"source":75,"evidence":126},"How the image is split into triangles",[127],{"id":128,"by":129,"text":130},"9410684","d55","I failed in doing something very similar. Could you explain how you split the image up into triangles?",[132,139,146],{"value":133,"source":75,"evidence":134},"Polygen app",[135],{"id":136,"by":137,"text":138},"9411297","nbartlomiej","I've made an app for the similar art style: http:\u002F\u002Fpolygenapp.com , it has been discussed on HN not long ago: https:\u002F\u002Fnews.ycombinator.com\u002Fitem?id=8966928 . Here's a complete…",{"value":140,"source":75,"evidence":141},"Close-pixelate",[142],{"id":143,"by":144,"text":145},"9410929","hiphopyo","Looks quite similar to http:\u002F\u002Fclose-pixelate.desandro.com\u002F -- good job!",{"value":147,"source":75,"evidence":148},"Waterlogue",[149],{"id":150,"by":151,"text":152},"9411532","DannoHung","Nifty. Kinda reminds me of the Waterlogue[1] app. [1] http:\u002F\u002Fwww.waterlogueapp.com\u002F",{"comments":154,"answered":18,"key":155},8,[156,159,162],{"id":157,"text":158},"9411118","Cool, I didn't know about Bridson's algorithm. Thanks for the pointers!",{"id":160,"text":161},"9411409","Btw, this is the original \"Kubist\" I made with Processing a couple years ago. It uses opencv instead of JSFeat for feature point detection, and Mesh library instead of d3.…",{"id":163,"text":164},"9411701","Btw2: there's a \"Download SVG\" link on lower right. The SVG file can be imported to Adobe Illustrator, Inkscape, etc.",{"commenters":166,"max_depth":33,"maker_replies":154,"first_comment_mins":167,"lifespan_hours":168},38,17,92,[170,174,176,180,182,185,186,188,190,191,194,198,201,204,207,208,209,212,214,215,219,223,227,229,232,233,237,240,242,243,245,246,249,253,256,259,262,264,268,269,273,278,281,283,284,288,290,294],[171,32,44,172,173,32],"9411103","maker\u002Fpositive\u002Fexecution","dllu",[157,32,32,175,11,45],"maker\u002Fpositive\u002Fnone",[177,32,32,178,179,32],"9411589","commenter\u002Fneutral\u002Fnone","doomrobo",[136,45,32,181,137,32],"other\u002Fneutral\u002Fnone",[183,45,32,181,184,32],"9411338","keyle",[120,45,32,181,121,32],[97,37,45,187,98,32],"project\u002Fcritical\u002Fidea",[189,37,32,178,184,32],"9411327",[101,37,45,187,102,32],[192,37,32,181,193,32],"9411403","bobbles",[195,37,18,196,197,32],"9412631","project\u002Fneutral\u002Fidea","randomsearch",[199,37,45,187,200,32],"9411334","malkia",[202,37,32,181,203,32],"9413070","imaginenore",[205,37,32,178,206,32],"9411544","BuffaloBagel",[105,37,45,187,106,32],[143,18,18,196,144,32],[210,18,32,181,211,32],"9410985","mortenjorck",[160,33,32,213,11,45],"project\u002Fneutral\u002Fnone",[163,33,32,213,11,45],[216,44,44,217,218,32],"9410574","project\u002Fpositive\u002Fdesign","vezzy-fnord",[220,221,44,217,222,32],"9411598",6,"msurguy",[224,221,44,225,226,32],"9412403","project\u002Fpositive\u002Fexecution","flashman",[228,221,32,217,11,45],"9412579",[230,40,44,217,231,32],"9410654","mihau",[128,154,18,196,129,32],[234,154,18,235,236,32],"9410703","project\u002Fneutral\u002Fdocs","dsp1234",[238,154,18,196,239,32],"9410757","lelandbatey",[67,154,32,241,11,45],"project\u002Fneutral\u002Fexecution",[55,154,32,241,11,45],[78,244,44,217,79,32],9,[82,244,44,217,83,32],[247,30,18,213,248,32],"9413118","cturhan",[250,251,18,213,252,32],"9411655",11,"RevRal",[254,251,44,217,255,32],"9412817","PebblesHD",[113,257,18,258,114,32],12,"project\u002Fneutral\u002Fperformance",[260,257,32,261,11,45],"9411693","maker\u002Fneutral\u002Fperformance",[263,257,18,258,114,32],"9412450",[265,266,18,241,267,32],"9412621",13,"dvh",[150,31,18,196,151,32],[270,271,18,196,272,32],"9411196",15,"nulltype",[274,275,44,276,277,32],"9410708",16,"project\u002Fpositive\u002Fnone","CleanCoder",[279,275,32,178,280,32],"9410948","Ecco",[282,275,32,181,277,32],"9434112",[89,167,44,217,90,32],[285,286,18,196,287,32],"9411546",18,"ggchappell",[289,286,32,213,11,45],"9411681",[291,292,18,235,293,32],"9411586",19,"carterehsmith",[295,296,32,181,297,32],"9411074",20,"akilism",[],[300,305,310,315,320,325],{"id":301,"name":302,"points":303,"category":304},"9386004","ACUMAN",430,"ai",{"id":306,"name":307,"points":308,"category":309},"9413239","Infinite Monkeys",93,"learning_science",{"id":311,"name":312,"points":313,"category":314},"9414449","Theme Creator",91,"dev_tools",{"id":316,"name":317,"points":318,"category":319},"9408208","Linkurious",86,"data",{"id":321,"name":322,"points":323,"category":324},"9420003","Credstash",69,"infrastructure",{"id":326,"name":327,"points":328,"category":324},"9386790","H2O",67,false,"v2",{"id":332,"name":5,"line":6,"ai":329,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":333,"top":18,"kw":334,"maker":11,"domain":10,"tier":19,"attempts":32,"strip":335,"url":9,"mix":336,"praise":74,"objection":94,"sub":21},9410452,0.24,[24,25,26,21],"5000010101001300555533305533533333505303",[30,31,32,33],1793990923347]