rocksdanister / rain

Rainy window wallpaper
https://rocksdanister.com/rain
Other
49 stars 23 forks source link

[Enhancement] Fog-like effect #30

Open Matszwe02 opened 1 month ago

Matszwe02 commented 1 month ago

I suggest adding a replacement of the post processing, maybe add another slider, to fog-like effect. I find it adding more calm and realistic look.

    if(u_post_processing) {
        //float colFade = sin(t * .2) * .5 + .5;
        //col *= mix(vec3(1.), vec3(.8, .9, 1.3), 1.);  // subtle color shift
        float contrast = 0.6;
        col = (col - 0.5) * contrast + 0.5;
    }

before

image image

after

image image

rocksdanister commented 1 month ago

That does look nice.

Could also try integrating the fog shader 🤔 https://github.com/rocksdanister/weather

Matszwe02 commented 1 month ago

Also I thought that a better idea will be to split rain texture from the image, and apply the fog into that image only (so the droplets are still high contrast). By doing so, there could be an option to apply parallax only to the image without the droplets, and I'm wondering if it will be possible to add that AI 3d parallax. And the cherry on top, could be to have the fog multiply by that parallax to have a more realistic one. That's really large change to do, but I think that will enhance this rain screen a lot.

Wanting too much, but I also experimented with custom fps values, and 12fps looks nice (lofi-y), so maybe also add another checkbox?

https://github.com/rocksdanister/rain/assets/49353902/ff1c5195-1c1c-4ab7-85f0-ef0b1e9679c7