It's really cool that Poisson disc sampling is used to generate the points. Here, best-candidate sampling is used, based on [1]. But have you considered using the possibly faster Bridson's algorithm [2]?<p>Using Harris corners to analyze the picture is a cool idea too. Good job!<p>[1] <a href="http://bl.ocks.org/mbostock/b17e0b2aa8b2d50de465" rel="nofollow">http://bl.ocks.org/mbostock/b17e0b2aa8b2d50de465</a>
[2] <a href="https://www.jasondavies.com/poisson-disc/" rel="nofollow">https://www.jasondavies.com/poisson-disc/</a>
I've made an app for the similar art style: <a href="http://polygenapp.com" rel="nofollow">http://polygenapp.com</a> , it has been discussed on HN not long ago: <a href="https://news.ycombinator.com/item?id=8966928" rel="nofollow">https://news.ycombinator.com/item?id=8966928</a> . Here's a complete list of tools that I'm using, if anyone's interested: <a href="https://medium.com/@polygenapp/frameworks-libraries-and-other-tools-used-in-the-making-of-polygen-app-a79694fe87f" rel="nofollow">https://medium.com/@polygenapp/frameworks-libraries-and-othe...</a> .
Looks quite similar to <a href="http://close-pixelate.desandro.com/" rel="nofollow">http://close-pixelate.desandro.com/</a> -- good job!
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.<p><a href="http://www.metaphorical.net/note/on/kubist" rel="nofollow">http://www.metaphorical.net/note/on/kubist</a> (really old website, sorry it's kind of unusable :P)
Very cool!<p>I love that you can generate these patterns from images, the gradients are a killer feature!<p>I've made a tool that also generates Delaunay Triangulation patterns but lacks importing of an image. Check it out as well: <a href="http://msurguy.github.io/triangles/" rel="nofollow">http://msurguy.github.io/triangles/</a>
I searched for a long time to find a online triangulation app but couldn't find. I end up with using a mac app, mesh[1] Thanks<p>[1] <a href="http://dmesh.thedofl.com/" rel="nofollow">http://dmesh.thedofl.com/</a>
My little Kubes:<p><a href="http://i.imgur.com/upxc3A3.png" rel="nofollow">http://i.imgur.com/upxc3A3.png</a><p><a href="http://i.imgur.com/1iLB1WI.png" rel="nofollow">http://i.imgur.com/1iLB1WI.png</a>
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.
You shoud set min attribute for border input element to 0 so it cannot go to negative numbers, like this: <input type="number" min="0" ...
Nifty. Kinda reminds me of the Waterlogue[1] app.<p>[1] <a href="http://www.waterlogueapp.com/" rel="nofollow">http://www.waterlogueapp.com/</a>
Here's a similar thing I made that just generates these sorts of triangles with some diffuse lighting: <a href="http://christopherhesse.github.io/delaunay-experiment/" rel="nofollow">http://christopherhesse.github.io/delaunay-experiment/</a>