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

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

#21

Post by robbles » Sat, Apr 12, 2014, 9:02 PM UTC

Quick one-liner for converting and resizing these to your screen resolution (with ImageMagick):

    $ mogrify -path converted -format png -resize 1440x900\! originals/*.svg

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

#22

Post by qrohlf » Sat, Apr 12, 2014, 9:02 PM UTC

nixterrimus wrote: post #20

This is neat! I built a little web app to play around with different options: http://nixterrimus.github.io/Triangle-Play-App/

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...

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

#23

Post by nixterrimus » Sat, Apr 12, 2014, 9:06 PM UTC

qrohlf wrote: post #22

nixterrimus wrote: post #20

This is neat! I built a little web app to play around with different options: http://nixterrimus.github.io/Triangle-Play-App/

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...

Huh, I see that error too.

I guess this is a chrome only demo for now, I'll see if I can't dig into this a little later this afternoon.

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

#24

Post by lingben » Sat, Apr 12, 2014, 9:38 PM UTC

qrohlf wrote: post #22

nixterrimus wrote: post #20

This is neat! I built a little web app to play around with different options: http://nixterrimus.github.io/Triangle-Play-App/

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...

works great in firefox also

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

#25

Post by nixterrimus » Sat, Apr 12, 2014, 9:50 PM UTC

qrohlf wrote: post #22

nixterrimus wrote: post #20

This is neat! I built a little web app to play around with different options: http://nixterrimus.github.io/Triangle-Play-App/

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...

Well darn it looks like this has to do with drawing svg's to a canvas in webkit: http://getcontext.net/read/chrome-securityerror-dom-exceptio...

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

#26

Post by nixterrimus » Sat, Apr 12, 2014, 10:03 PM UTC

qrohlf wrote: post #22

nixterrimus wrote: post #20

This is neat! I built a little web app to play around with different options: http://nixterrimus.github.io/Triangle-Play-App/

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...

There's now a new build with support for safari. It doesn't have the ability to download the images (in other browsers you can just drag them off the save or right click save) but other than that it works.

http://nixterrimus.github.io/Triangle-Play-App/

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

#27

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

nixterrimus wrote: post #26

qrohlf wrote: post #22

Earlier quoted context omitted.

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...

There's now a new build with support for safari. It doesn't have the ability to download the images (in other browsers you can just drag them off the save or right click save) but other than that it works. http://nixterrimus.github.io/Triangle-Play-App/

Sweet! Just added it to the readme.

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

#28

Post by zaucetech » Sun, Apr 13, 2014, 8:11 AM 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

Weirdly, I had this exact same idea a little while ago and threw something together: http://polygonz.zaucetech.com/ its open source too!

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

#29

Post by zaucetech » Sun, Apr 13, 2014, 8:13 AM 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)

I guess this is a popular idea, made this one a little while aog: http://polygonz.zaucetech.com/ its pure javascript and canvas and allows any color you want

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

#30

Post by zaucetech » Sun, Apr 13, 2014, 8:15 AM UTC

This is sweet, maybe you could benefit from some of the code I wrote a little while earlier for something super similar: http://polygonz.zaucetech.com/