[Update 2021: I’m afraid I had to remove my code as it seems people may be profiting from NFTs built with my ideas and code, without attribution.
I’m afraid I have also felt the need to remove the ideas behind the code.]
Interesting textures with layered fractal gradients
Share this post: 
Published August 16, 2012
Filed in Generative Art,Uncategorized and tagged fractal, generative art, gradient, imperfection
RSS Feed 
twitter
facebook
flickr
Zazzle
love this http://rectangleworld.com/demos/FractalGradient/FractalGradient2.html
How do I put it as a background image for my site ?
(not in a specific canvas with determined wdth and height). I d like it to be a responsive background.
| November 1, 2012 @ 10:27 am
Hi Olivier,
Glad you like it. You can dynamically create a canvas (or any DOM element) within your JavaScript code rather than in the HTML. I’m afraid I don’t know the code off the top of my head, though!
| November 13, 2012 @ 11:59 am
This is great! Thanks for making the code available. In answer to the above question a simple solution (if your not code friendly) would be to create your gradient and then take a screen shot and turn that into a image. It would be a static background but depending on how similar top and bottom of your new image are you can use CSS to create a repeating background image.
.image{
background: url(folder/image.jpg);
background-repeat: repeat;
}
| November 3, 2013 @ 3:06 pm
Thanks for your comments! I’m thinking there must be a way to do what you’re describing with toDataURL, but I haven’t tried it.
| November 3, 2013 @ 3:39 pm
Your gradient was useful to me at least !
I used it for this generative clock as a texture for the big planet : http://chronos.space
So thank you 🙂
I didn’t take the time to customize it though.
| January 29, 2017 @ 1:25 pm
How cool! I hadn’t thought to use it for planets. What a nice idea. Glad you found some use for it! Thanks for your note.
| January 30, 2017 @ 4:13 am