Skip to content

Image processing and GIF generator in a browser for old fashion stylizing

Notifications You must be signed in to change notification settings

bouvens/rgb-filter

Repository files navigation

RGB Filter

Image processing and GIF generator in a browser for old fashion stylizing.

Take a look at the Demo

What's This?

This Javascript application decomposes every pixel into three stripes of bright colors: red, green, and blue. You may zoom the result without smoothing.

In the next photo, you can find the usual white on an IPS panel on the left side and decomposed by this application white on the right side.

Zoomed IPS panel

Also, there're an animated noise on the colors, smooth and discrete stripes, and converting to 8-bit color!

Before After
Zoomed IPS panel Zoomed IPS panel

How to Run Locally

Run in bash:

git clone [email protected]:bouvens/rgb-filter.git
cd rgb-filter
npm install
npm run start

Also, there's a script for local build in the dist directory:

npm run build

References

This experiment is made with state-control npm