Experiment
Halftone Studio
A small shader experiment that renders live video as an animated halftone dot field.
Project data
- Role
- Creator
- Type
- Experiment
- Stack
- WebGL
- GLSL
- TypeScript
- Duration
- 1 month
- Year
- 2022
- Status
- Archived
- Links
- Repository
The challenge
Halftone in real time
The goal was a halftone effect fast enough to run on a live camera feed.
How it was built
Development process
Six phases from the first conversation to the release. The bar shows how the time was split.
Research
A week of prototypes to find out how far real-time halftone rendering can go in the browser.
Architecture
Data model, rendering strategy and API contracts were agreed before the first screen was drawn.
Interface
A component inventory and responsive layouts, built entirely from design tokens.
Build
Features went live in small slices behind flags, with typed boundaries between client and server.
Testing
Unit, end-to-end and accessibility checks ran on every pull request.
Deployment
Every branch got a preview environment; the production rollout was a single click.
Screens
Under the hood
One pass, no readbacks
Everything happens in a single fragment shader, so the CPU never touches pixel data.
- WebGL
- GLSL
- TypeScript
Next project
Want something similar? Let’s talk.
Keep exploring
