The Spectrum Of Nature

_../¬-’\/*¬’’¬*\/’-¬.._/

Nature, nature, evolving might… Silent inventor, always right.
Where is the edge of nature and where do we begin?
What is of nature and what is of man?
Isn't everything made by nature's hands?

To know more about the concept and technicalities of this piece, see the fxtext article “The spectrum of nature - a short making of”. Link at the bottom. If you’d rather just ignore my personal meaning, feel free to skip the article.

*******************\

Basic info:
The piece comes in possible portrait or landscape versions. Both have a relative size of 1 by 1.5. So the initial render will be 1000px wide and 1500px high for portrait. And 1500x1000 for landscape. With the ability to scale this up (see below).

The piece uses WebGL, so will perform much better with a graphics card. A faster computer will obviously be better, though I've done my very best to make it fast and efficient for any old laptop. My hope is that you will find the render process quick and enjoyable for the amount of detail that’s present.

../’*’../’*’../’*’../’*’../’*’..

Controls:
Press the [s] key to save the initial render. You will need to wait a few seconds after all the elements have stopped loading. A box will pop up in the top left saying “done” for 4 seconds when it’s ready. For the [s] key to work you may need to open in a new tab. But can right click save otherwise.

Larger sizes:
Press the [2-9] keys to save a resolution of that key size. So [2] saves a 2000x3000 size image, [9] saves a 9000x13500 size image etc. Unless you are making some very large prints you probably won’t need more than 4k (even 2-3k is big). Though the option is there.

There may be slight variations in the textures for the larger renders, this is because the shader code has to redraw the textures at the higher pixel resolution, and getting the textures where they sit is more of an art than a science. All the elements remain exact however.

//////////////////

Made with javascript and some small extra code:
A palette creator by @nathansonic
Noisejs - github.com/josephg/noisejs - Perlin noise generator
Twgl - github.com/greggman/twgl.js - A small webGL helper.