ditherer
ditherer copied to clipboard
Apply dithering and retro filters to images and videos in the browser
ditherer
More examples below
For all your online dithering needs.
- Dithering algorithms (Ordered, error-diffusing, and more)
- Video support
- Video recording support
- Colour palette
- Adaptive colour palette
- Palette extraction
- Pixel sorting
- (Real) glitching
- Convolve
- CRT emulation
- Brightness/contrast
- Bunch more other filters and features
Examples
https://github.com/gyng/ditherer/assets/370496/a721ceb8-d10b-4650-9db1-850a067d7af4
TODO
- Cleanup (especially how realtime filtering is handled)
- More filters
- Better UI/UX
Deploying
NODE_ENV=production yarn deploy
or
NODE_ENV=production yarn build:prod
yarn deploy:prebuilt
or
NODE_ENV=production yarn build:prod
git checkout gh-pages
rm commons.js index.html app.*.js
mv build/* .
git add .
git commit
git push origin gh-pages
References
- http://www.efg2.com/Lab/Library/ImageProcessing/DHALF.TXT
- http://www.tannerhelland.com/4660/dithering-eleven-algorithms-source-code/
- http://www.easyrgb.com/en/math.php#text8