Wallpaper generation

Prompt

Please reproduce these wallpapers in 3840 × 2160 pixels resolution individually. you can show your own creativity and generate some wallpapers with similar art style, just keep the theme consistent https://payhip.com/cdn-cgi/image/format=auto,width=1500/https://pe56d.s3.amazonaws.com/o_1i314dcqb1bu546d1ovb1dg6oq42n.jpg Generate one single self-contained HTML file (inline CSS and JS, no external libraries, no build step) that procedurally draws layered landscape wallpapers on a <canvas>. Structure: · A THEMES array of at least 10 themes. Each theme object should define: name, seed, sky (a 3–4 stop gradient as hex colors), sun or moon settings (x/y position as fractions of width/height, radius, core color, glow color, glow alpha, optional crescent flag), far and near ridge colors, fog color and alpha, and optional flags for stars (0–1 density), birds, shootingStar, and aurora (array of 2 colors). · Use these themes: Dawn Mist, Clear Day, Sunset Ember, Midnight Moon, Northern Lights, Storm Front, Desert Dusk, Alpine Snow, Autumn Valley, Tropical Haze. Rendering technique: · Seeded RNG (mulberry32) so the same seed always redraws the identical image. · Smooth 1-D value noise with a 512-entry lookup table, plus fbm (6 octaves) for the ridgelines — this is what makes the mountains look geological rather than jagged. · Draw sky gradient first, then stars, then aurora curtains if the theme has them, then sun/moon with a large radial glow, then shooting star, then birds. · Draw 6 mountain ridges back-to-front. Each ridge's base sits between 50% and 92% of canvas height, amplitude shrinks toward the front, and each ridge's color is a mix from far to near so depth reads correctly. Paint a vertical mist gradient between each ridge and the one behind it. · On the front two ridges only, scatter pine-tree silhouettes (triangles) sitting exactly on the ridgeline, with random gaps for clearings. · Finish with a radial vignette and an optional film-grain overlay (a 512×512 noise tile used as a repeating pattern with globalCompositeOperation: 'overlay'). UI: · Dark page, card grid layout, one card per theme. · Each card shows the canvas plus a bar with the theme name, a "New variation" button (re-seeds that theme's RNG with a random integer and redraws), and a "Download PNG" button (uses canvas.toBlob + an <a download> element). · A "Download all" button in the header that saves every card, staggered ~800 ms apart so the browser doesn't block multiple downloads. · Canvas is 3840 × 2160, 16:9, but all drawing math should scale off the width/height constants so changing them to 1920 × 1080 re-renders correctly. Quality bar: every one of the 10 themes should look like a finished wallpaper, not a placeholder — distinct palettes, sensible sun/moon placement above the ridgelines, and atmosphere that makes the layers read as depth.

A system prompt was added to support web rendering