2026
03Halftone effect library
A React library that turns images into print-style halftone dots
Personal project
- Creative coding
- Image processing
- Canvas & SVG
Origin
I’ve always been interested in printing methods — screen printing, risograph, the original printing press by Gutenberg — and how ink is translated to paper or any other medium. I did a course in uni about screen printing, where we learned how different levels of shadow and brightness are achieved through dots of varying size, how the human eye perceives this as depth, and how, to get a colour image, we mixed four colours in a pattern and order that can produce any colour.
Build
Last year I started wondering if I could replicate this effect digitally. I learned how you can mathematically transform a colour image to greyscale, how web workers work, how to take all the pixels in an image and play with them to achieve the halftone effect, and how to work with canvas and SVG. This project was an excuse to try something out, learn deeply about it, and make an open-source library that is at least useful and interesting to me.