Suggestion: add animated background with procedural tree growing

[GypsyDangerous]

I really like the live backgrounds on pages like alca.tv or https://www.ernst-schmidt.com/ and I think it would be really cool to add a live background to this site that generates a forest out of procedural fractal trees.

[shiffman]

Sounds lovely to me!

[GypsyDangerous]

here is what i have so far https://gypsydangerous.github.io/teamtrees/

[GypsyDangerous]

@AlcaDesign how did you do yours?

[mikakruschel]

Hey @GypsyDangerous, I don't really know how I could make a pull request to your version, so I just created a gist. What I basically changed is:

1. display the canvas in the background, because the 'backgroundImage' was slowing down the website
2. restart drawing on resizing the window (like @AlcaDesign does on his website)

[GypsyDangerous]

Hey @mikakruschel thanks for the suggestions, I have added them to mine, in the future you can PR to here

[AlcaDesign]

@GypsyDangerous What you see on my site background is just points moving around an evolving noise/flow field based on Perlin Noise Flow Field by Danny Sheefmahn

As far as making the canvas appear in the background, it's just positioned by CSS using z-index.

#header canvas {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

https://alca.tv/css/style.css

[GypsyDangerous]

Thanks!

[GypsyDangerous]

I think i have the mechanics down, now I just need help with the design