Show HN: Trianglify – low poly style background generator with D3.js • Hacker News Board

Show HN: Trianglify – low poly style background generator with D3.js

#1

Post by qrohlf » Sat, Apr 12, 2014, 2:57 PM UTC

Show HN: Trianglify – low poly style background generator with D3.js
qrohlf.com

Re: Show HN: Trianglify – low poly style background generator with D3.js

#2

Post by samstave » Sat, Apr 12, 2014, 3:34 PM UTC

Love it -- I would request two sliders: triangle size/density slider and color brightness... (I'd like darker screens rather than bright pastels)

Re: Show HN: Trianglify – low poly style background generator with D3.js

#3

Post by backwardm » Sat, Apr 12, 2014, 3:40 PM UTC

Nicely done! The noise option really makes for a great looking pattern.

Re: Show HN: Trianglify – low poly style background generator with D3.js

#4

Post by qrohlf » Sat, Apr 12, 2014, 3:49 PM UTC

samstave wrote: post #2

Love it -- I would request two sliders: triangle size/density slider and color brightness... (I'd like darker screens rather than bright pastels)

You should check out https://github.com/qrohlf/trianglify - the options that you'd be interested in are cellsize, x_gradient, and y_gradient.

Re: Show HN: Trianglify – low poly style background generator with D3.js

#5

Post by qrohlf » Sat, Apr 12, 2014, 3:51 PM UTC

Github link: https://github.com/qrohlf/trianglify

Re: Show HN: Trianglify – low poly style background generator with D3.js

#6

Post by 4gn3s » Sat, Apr 12, 2014, 4:00 PM UTC

Have you thought of making a wallpaper generator of it? It would be awesome to download the output as .png with different screen resolutions

Re: Show HN: Trianglify – low poly style background generator with D3.js

#7

Post by qrohlf » Sat, Apr 12, 2014, 4:06 PM UTC

4gn3s wrote: post #6

Have you thought of making a wallpaper generator of it? It would be awesome to download the output as .png with different screen resolutions

PNG/JPG 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 > save as jpg" thing is going to get old really fast.

I haven't done much with the HTML5 canvas API yet though, and that seems like its what I'm going to have to use to rasterize the generated SVGs in the browser. Canvg[1] looks interesting, but I kind of doubt that it's going to support the noise filter (even imagemagick chokes on that one).

[1] https://code.google.com/p/canvg/