rocksdanister/rain

Rainy window wallpaper

Rainy Window

Animated Rainy Window wallpaper for Lively Wallpaper

Download

Live Demo

Features

• Custom image or video background.
• Rain particle intensity, speed, size control and lightning toggle.
• Background color temperature (post processing.)
• Background panning animation.
• Background mouse parallax.
• Background blur.
• Framerate control.

rain's Issues

Fix scaling issue

rocksdanister/lively#1996 (comment)

Rain sound

Add rain and thunder sound/white noise (default off.)

Need to find free licensed sound first.

Supported files with uppercase filetypes won't load

For example:

picture.jpg < This file can load normally
picture.JPG < This one refuses to load because the js code (linked below) is not configured to load the uppercase filetype

I also tested it with a png file and the same behavior happened, leading me to believe that it only loads what the code is instructed to use.

https://github.com/rocksdanister/rain/blob/b4bd5be1ea5da0784f9740e850194ea74dd5e1b0/js/script.js#L127C31-L127C31

Original code (script.js) for reference:

if (ext == "jpg" || ext == "jpeg" || ext == "png")

After local modification:

if (ext == "jpg" || ext == "JPG" || ext == "jpeg" || ext == "JPEG" || ext == "png" || ext == "PNG")

After reloading the theme in Lively with the changes in the code, the uppercase filetypes were able to load.
I also presume the same issue would theoretically also apply to webm.

Image Panning

Whole image moves both laterally and vertically regardless of background image used. Is this intentional?

[Enhancement] Fog-like effect

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

after

[Request] Choose Custom Images

I don't know enough HTML/JS to be able to add my own images manually. Maybe a JSON file where we can add the locations of images would be nice?