Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

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

qrohlf.com

Post reply on HN
Print view View original

11–20 of 32 posts

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

#11

Post by olegkikin »

balls187 wrote: post #10

I get an SSL error when clicking on your site link. https://qrohlf.com/

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 server or by something more serious. An attacker 
    on your network could be trying to get you to visit a 
    fake (and potentially harmful) version of qrohlf.com.

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

#13

Post by cookrn »

Gorgeous! I've been using http://cl.ly/image/0S0X0V3F2H2K for the last few years and looking for similar, nicely colored images to swap into a rotation. I had two fun thoughts w/r/t your code:

* How would you feel about using https://kuler.adobe.com/ for color palettes?

* Would it be possible to make the patterns repeatable or tile-able?

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

#16

Post by qrohlf »

ZirconCode wrote: post #15
qrohlf wrote: post #12

Earlier quoted context omitted.

My bad - forgot github pages doesn't do SSL on custom domains. Fixed!

I still get the same error mentioned above.

Do you have some kind of "always https" extension installed in your browser? http://qrohlf.com should load just fine, https will not.

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

#18

Post by qrohlf »

rhythmvs wrote: post #17

Something similar is used by https://peerlibrary.org/ on their homepage’s background, except that over there the pattern is dynamically being animated — to great effect.

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.

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

#19

Post by qrohlf »

cookrn wrote: post #13

Gorgeous! I've been using http://cl.ly/image/0S0X0V3F2H2K for the last few years and looking for similar, nicely colored images to swap into a rotation. I had two fun thoughts w/r/t your code: * How would you feel about using https://kuler.adobe.com/ for color palettes? * Would it be possible to make the patterns repeatable or tile-able?

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: https://github.com/qrohlf/trianglify#options

As for tiling, it's definitely possible but it wouldn't look very good with the gradient palettes - you'd have to use a randomized palette for the tiling to look natural. I'm probably not going to make those changes, but feel free to send a pull request!

Post reply on HN