Dynamic wallpaper size

[sixelasacul]

Description

In addition to the other UI/UX improvements I did today (#5), I tried to make the wallpaper engine adaptive to the device screen. This way, it can generated 16:10 wallpapers, instead of 16:9 ratio when needed, and it works for mobile too (though it might require a bit of tweaking with the values to make it a bit more relevant)! The only "down side" is that it won't be a "4K wallpaper generator" anymore, so it's up to you!

The advantage of this is that one "seed" can be used on desktop, and mobile, getting a similar result, but adapted to the screen size!

Changes

• Removed default canvas size in HTML
• Determined wallpaper size based on Screen web API
• Updating canvas size based on screen size

Result

Reference:

• Mobile: One plus 6T, 6.41", Firefox
• Desktop: Macbook Pro, 15", Firefox

From mobile

To desktop

From desktop

To mobile

[roytanck]

This is very interesting. However, many of the random parameters that are used to draw the wallpaper use boundaries based on the 16:9 aspect ratio. For portrait aspects, I think you'd want more layers for instance, and perhaps fewer segments. I'll have to think about this.

Also, aren't mobile wallpapers usually square-ish? This allows that nice sliding effect when you swipe between home screens?