Interactive Polygon Background

[Thor]

Hello,

Can someone help me please:

I want to use an interactive background on one of my sites something like this:

http://msurguy.github.io/triangles/

Or maybe something like https://www.pfsense.org/

I basically want a green/eco style interactive Delaunay Triangulation pattern

I have no idea where to get one and I am not good enough to create it via JS yet.

So in essence I want something like this, but interactive:

http://www.freepik.com/free-photos-vectors/polygon

 

[eternaloptimist]

http://tympanus.net/codrops/2014/09/23/animated-background-headers/

 

[cguy]

If you can find and existing 3D convex hull algorithm implementation, what you can do is take a set of 2D points (x,y) each, project them onto a paraboloid (x,y,x*x+y*y), put this through the convex hull algorithm to get a set of triangles.

Then you reject the upper part of the hull by throwing away triangles whose z component of its normal is positive. The remaing triangle set is the Delaunay triangulation of the original points.

Then render as you wish (looks like the examples compute the average pixel colours of the triangle and render the triangle as a constant colour being that average. The points seem to be a random sampling inside the image. For some of them it looks as though an outline polygon may have been computed from the image or the edges of the image were sampled (easier) to include points on the boundary of the images (eg the fruit).

 

[Kilgore_Trout_Redux]

And that, folks, is how you wave your willy at people on the internet.

 

[CamiKaze]

This reminds me, and sorry to hijack the thread for a bit but back at varsity I saw my a screensaver on my lecturers PC.
The screensaver creates a picture from other pictures while it zooms out from the initial picture.

Can any of you point me in the direction of such an app?

 

[cguy]

And that, folks, is how you wave your willy at people on the internet.

Huh?

 

[Spacerat]

I think a background like this is annoying. Just a newer version of all the spinning gifs & animations from the 90's

 

[Kilgore_Trout_Redux]

Huh?

Merely an attempt at humour. That was a excellent technical breakdown.

 

[cguy]

Merely an attempt at humour. That was a excellent technical breakdown.

Thanks. Well, I hope it helps - it touches on topics that are presented usually at the start of 1st year maths or in admaths (paraboloids and normals), but are pretty straightforward. I should have added that by moving the points chosen in some fashion, the triangles would have the effect of moving with them.

 

[rward]

2. Chrome - ctrl-shift-I click the sources tab and check out the code.
2. Grab the source from https://github.com/msurguy/triangles
3. Read his blog post on how he did it: http://maxoffsky.com/maxoffsky-blog/free-wallpapers-generator-delaunay-triangulation-patterns/