New Kadal Deck — The AI presentation app. Watch 44s →

About this file

Printed dots that move. A slow, swirling field flows under a fixed halftone screen, and every dot swells and shrinks with it. With three inks (cyan, magenta and yellow by default) each ink prints on its own screen angle, and where dots overlap their colours multiply into blues, reds and greens, the way ink does on paper. Switch to two inks for a two-colour print, or one for newsprint.

Every dot is drawn exactly, so the screen stays crisp at any size, and no picture is needed: the flowing image is part of the shader. The paper and ink colours, number of inks, dot spacing, screen angle, shape size, swirl, contrast and ink amount are all settings. The demo has presets for three inks, two inks, newsprint, teal on cream and big dots, plus a Behind text preset.

Made for print shops and studios, zines, editorial and music sites, posters in motion, stream backgrounds and video. Its reduced-motion setting holds it still on its poster frame for visitors who ask for less motion, and a veil setting shrinks the dots and pales the inks so text reads on top. At the Behind text preset, dark text keeps a contrast ratio of at least 8.3: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 upright 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 set-up, reduced motion, every uniform and performance notes.

What you download

9 files · 55.7 MB · MD, HTML, MP4, PNG, WEBP, FRAG, GLSL, JS

  • README.md14 KB MD
  • halftone-flow-shader-demo.html29 KB HTML
  • halftone-flow-shader-loop-1080p.mp426.3 MB MP4
  • halftone-flow-shader-loop-1080x1920.mp426.2 MB MP4
  • halftone-flow-shader-poster.png2.2 MB PNG
  • halftone-flow-shader-poster.webp1013 KB WEBP
  • halftone-flow-shader.frag10 KB FRAG
  • halftone-flow-shader.shadertoy.glsl8 KB GLSL
  • halftone-flow-shader.three.js11 KB JS

Details

Shelf
Shaders
Type
Single file
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.
The full licence

Better together

Also in this pack

Shaders

More from this shelf

See the shelf
8 itemsSave 57%New
Shaders

Eight Shader Backgrounds: Coded Motion to Sakura

All eight shaders: ASCII, dither, halftone and riso print looks, seigaiha, sakura, ink wash and snowfall, each as WebGL2, three.js, Shadertoy and seamless 1080p loops.

from$24$56
New
Shaders· GLSL · MP4 · PNG

Snowfall Glow Shader

Gentle snow falling through soft, out-of-focus holiday lights on a winter night: a WebGL2 shader, three.js material, Shadertoy version, and 1080p loops in landscape and vertical.

from$7
New
Shaders· GLSL · MP4 · PNG

Seigaiha Waves Shader

The traditional seigaiha wave pattern with gently rippling arcs, in indigo, gold, teal, vermilion, sakura and ink palettes: WebGL2, three.js, Shadertoy, a 1080p loop and a poster frame.

from$7
New
Shaders· GLSL · MP4 · PNG

Sakura Drift Shader

Cherry blossom petals drifting, swaying and turning over a soft spring sky, in three depths: WebGL2, three.js, Shadertoy, and 1080p loops in landscape and upright.

from$7
New
Shaders· GLSL · MP4 · PNG

Riso Misregistration Shader

A two-ink risograph look in motion: grainy overprinting inks with the second drifting out of register. WebGL2, three.js, Shadertoy, and 1080p loops in landscape and upright.

from$7
New
Shaders· GLSL · MP4 · PNG

Ink Wash Shader

Sumi-e-style ink blooms spreading and fading on washi-look paper, with ragged darker edges: WebGL2, three.js, Shadertoy, and 1080p loops in landscape and upright.

from$7
New
Shaders· GLSL · MP4 · PNG

Dither Gradient Shader

A slowly flowing gradient printed in crisp dots, 1-bit or two inks, with Bayer or noise dither: a WebGL2 shader, three.js material, Shadertoy version and 1080p loops.

from$7
New
Shaders· GLSL · MP4 · PNG

ASCII Flow Shader

A flowing field drawn in ASCII characters, with binary, Braille-dot and flow-line sets: a WebGL2 shader, three.js material, Shadertoy version, 1080p loop and poster frame.

from$7
Halftone Flow ShaderPersonal licence · $7
Sign in to buy
Shelves
PrintablesPlanners, diaries, trackers, stationery and wall art, print-ready at A4 and US Letter. 131 Art & iconsVector illustration, icon sets and line-art prints. 17 StickersDigital planner stickers, print-then-cut sheets and SVG cut files. 11 WallpapersPhone and desktop wallpapers, including calendar sets for the years ahead. 7 BrushesBrushes and stamps for drawing apps, with the sources as PNG. PatternsSeamless repeats and surface design, tileable at any scale. 34 AudioLoops, beats, ambient beds and music, mixed and mastered. 4 Sound FXInterface clicks, game sounds and foley, trimmed and normalised. 10 3DLow-poly props and modular kits as glTF, ready to drop into a scene. 39 Video FXLUTs, overlays, transitions and Lottie animations. 42 ShadersGLSL and WebGL effects you can paste into a project. 22 BundlesPacks that cross the shelves, priced below their parts. 8
↑ ↓ to move↵ to open