Interactive Erode V3 demo/animation

Started by Kranky, November 28, 2014, 06:52:27 AM

Previous topic - Next topic

Kranky

This week I experimented with different values for the heightfield erosion node. For better visualization I wanted to compare different erosion settings in combination, which was not possible with the animated GIFs in the Wiki (and I do not like GIFs because I want to choose by myself when to switch to the next image).

I wrote a script to generate the tgd with animation keys for most of the settings in combination (the first 6 settings) and had to limit every slider to 3 different values (6 sliders with 3 steps each = 729 images, 6 sliders with 5 steps each = 15625 images = impossible).
After 24 hours of rendering on two systems I realized the slider positions were badly chosen :(, but I want to present it anyway.
The result is a small website and a bit of javascript with a lot of rendered images. You can change the settings with the range sliders.

Maybe you could help me select the best 3 values and I will render it again? Or is it better to use 10-20 fine steps for each slider and reset the rest of the sliders to their default values while animating this one setting? The image count will not multiply then (10 values for flow distance + 10 values for duration + ... (10+10+10+10+10+10=60) instead of 3 values for flow distance * 3 values for duration * ... (3*3*3*3*3*3=729)) and it is easier to render and upload the images.

http://tg3-demos.bringewatt.de/erodev3.php
This demo contains 729 images with a total size of ~70MB, which are loaded dynamically while sliding the sliders. Tested with Firefox 33, Internet Explorer 11 and Chrome 39 - the script may not work with different browsers.

bobbystahr

That's pretty damn good. Maybe smaller steps would have been nice but it describes the functions well visually anyhow. Well done.
something borrowed,
something Blue.
Ring out the Old.
Bring in the New
Bobby Stahr, Paracosmologist

russe166

Great idea  :)

I know that this is a lot of work. The animated GIFs for the heightfield erosion shader were the first I made. Unfortunately, I could not make all effects visible and understandable. Sorry  :-\

The page will not work in my browser (firefox 33.1.1) Do I need to turn something on?

bobbystahr

Quote from: russe166 on November 28, 2014, 10:15:28 AM
Great idea  :)

I know that this is a lot of work. The animated GIFs for the heightfield erosion shader were the first I made. Unfortunately, I could not make all effects visible and understandable. Sorry  :-\

The page will not work in my browser (firefox 33.1.1) Do I need to turn something on?

update your java? or enable it...some have it disabled. works well in google chrome with current java.
something borrowed,
something Blue.
Ring out the Old.
Bring in the New
Bobby Stahr, Paracosmologist

archonforest

Dell T5500 with Dual Hexa Xeon CPU 3Ghz, 32Gb ram, GTX 1080
Amiga 1200 8Mb ram, 8Gb ssd

Kranky

Quote from: russe166 on November 28, 2014, 10:15:28 AM
The page will not work in my browser (firefox 33.1.1) Do I need to turn something on?

Enabled Javascript (no need for installed Java) in your browser should be enough. Do you use javascript-blocking addons?

TheBadger

It has been eaten.

Oshyan

Cool idea and pretty well implemented. If only it were easier and faster to create this kind of reference. Something to think about...

- Oshyan