About this file
Gentle snow falling through soft holiday lights on a winter night. Three depths of flakes fall at different speeds, the far ones small and sharp and the near ones large and soft, as if close to the lens, each swaying a little on the way down. Behind them, warm gold, red and green lights glow as round, out-of-focus discs that drift slowly and twinkle, over a deep blue sky with a warm glow low down, like lit windows.
The sky, snow and light colors, how heavy the snow is, flake size, sway, near-flake blur, and the brightness and size of the lights are all settings. The demo has presets for a silent night, a warm window, blue hour, candy cane lights, snow only and a light flurry, plus a Behind text preset.
Made for the holiday season on the web: hero sections, gift guides and seasonal sales, greetings, event and market pages, stream backgrounds and video. Its reduced-motion setting holds the snow still where it is on the poster frame for visitors who ask for less motion (values in between hold some flakes and let the rest fall), and a veil setting dims the snow and lights so text reads on top. At the Behind text preset, white text keeps a contrast ratio of at least 6.5:1 against 98 % of the background under it.
What you get: a GLSL ES 3.00 fragment shader for plain WebGL2, an ES module that returns a three.js ShaderMaterial, a Shadertoy version, an offline demo page with a settings panel, a 10-second 1920 x 1080 H.264 loop that plays end to start without a seam, the same loop at 1080 x 1920 for vertical video, and the poster frame as a PNG (and a WebP for the web). One pass with no textures, about 2.1 ms of GPU time per 1920 x 1080 frame on a recent laptop, measured in headless Chromium. The README covers setup, reduced motion, every uniform and performance notes.
What you download
9 files · 16.3 MB · MD, HTML, MP4, PNG, WEBP, FRAG, GLSL, JS
- README.md14 KB MD
- snowfall-glow-shader-demo.html31 KB HTML
- snowfall-glow-shader-loop-1080p.mp47.4 MB MP4
- snowfall-glow-shader-loop-1080x1920.mp47.3 MB MP4
- snowfall-glow-shader-poster.png1.4 MB PNG
- snowfall-glow-shader-poster.webp62 KB WEBP
- snowfall-glow-shader.frag11 KB FRAG
- snowfall-glow-shader.shadertoy.glsl10 KB GLSL
- snowfall-glow-shader.three.js12 KB JS
Details
- Shelf
- Shaders
- Type
- Single file
- Style
- minimal
- Topics
- animated backgroundbokehchristmascozyglslhero sectionholidayholiday lightsholiday partyposter framereduced motionshadershadertoysnowsnowfallthree jsvertical videovideo loopwebglwinter
- Licence
- Personal or commercial
What the licence allows
Personal licence
- Use it in projects for yourself, for learning, and in your portfolio.
- Change it and combine it with other work.
- Keep using it forever. The licence does not expire.
- Use it in anything that earns money, including client work and monetised video.
- Use it in a product, a game or an app that is sold or carries ads.
- Resell, redistribute or share the file.
- Put it into a dataset used to train a model.
Commercial licence
- Use it in unlimited commercial projects, including client work.
- Ship it inside products you sell: games, apps, films, print runs, print-on-demand.
- Use it in monetised and sponsored content, and in broadcast.
- Change it, and keep the result. No credit required, though it is always welcome.
- Keep using it forever. The licence does not expire.
- Resell or redistribute the asset as an asset, on its own or in a pack.
- Register it, or anything substantially it, as a logo or trademark.
- Put it into a dataset used to train a model.
Better together
Also in these packs
Shaders