Browser-Based Image Editor with Custom Filters and Blend Modes(github.com)
github.com
Browser-Based Image Editor with Custom Filters and Blend Modes
https://github.com/victorqribeiro/customFilter
6 comments
Yeah, I was thinking about writing a blog post about it but I did not know if people would be interested.
For the filter try this
For the filter try this
0 -1 0
-1 5 -1
0 -1 0
0 1 0
1 -3 1
0 1 0
Standard test images: https://en.wikipedia.org/wiki/Standard_test_image
- https://en.wikipedia.org/wiki/Lenna
- https://sipi.usc.edu/database/
- https://r0k.us/graphics/kodak/
- https://en.wikipedia.org/wiki/Lenna
- https://sipi.usc.edu/database/
- https://r0k.us/graphics/kodak/
Yeah, I can look into adding a example image or even the ability to load a online image via URL
Hi everyone,
I built customFilter, a browser-based image editor, to explore how various filter kernels convolve with images to produce different results. One key feature is the stack system, where you can load and access multiple images via variables (i1, i2, i3… iN). From there, you can apply custom blend operations like:
I built customFilter, a browser-based image editor, to explore how various filter kernels convolve with images to produce different results. One key feature is the stack system, where you can load and access multiple images via variables (i1, i2, i3… iN). From there, you can apply custom blend operations like:
i1 < 0.5 ? i2 : i3
If anybody is interested here's an example of how to do edge detection using this editor https://github.com/victorqribeiro/customFilter/issues/1#issu...
I am still figuring out how exactly the filter works. The guide you linked is great, but I was confused how to replicate the steps in your editor.
Fur purposes of playing around, it would be great if you linked some good images/examples. The ones in my download folder are kind of bad.
Also: https://www.youtube.com/@Acerola_t