Building a photo filter application is a good way to practice graphics programming and provide something useful to ourselves.

For the features, except uploading and downloading, it can be as simple as only supporting apply filters to the whole image(same as the demo I made), or it can be as complex as supporting different kinds of brushes as Photoshop does.

DEMO website’s Link and its source code.

Let’s build it step by step :)

(I built the DEMO with Pixi.js version 4.5 and Typescript; you can find more about them in my previous article.)