TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Browser-Based Image Editor with Custom Filters and Blend Modes

2 pointsby atum477 months ago

3 comments

andrei-akopian7 months ago
Thank you so much for making this.<p>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.<p>Fur purposes of playing around, it would be great if you linked some good images&#x2F;examples. The ones in my download folder are kind of bad.<p>Also: <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;@Acerola_t" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;@Acerola_t</a>
评论 #41865839 未加载
评论 #41865791 未加载
atum477 months ago
Hi everyone,<p>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:<p><pre><code> i1 &lt; 0.5 ? i2 : i3 </code></pre> meaning if a pixel in image1 is below 0.5 (pixel value is normalized), it uses the pixel from image2, otherwise image3. It’s fully open-source, and I’d love to hear your thoughts.
atum477 months ago
If anybody is interested here&#x27;s an example of how to do edge detection using this editor <a href="https:&#x2F;&#x2F;github.com&#x2F;victorqribeiro&#x2F;customFilter&#x2F;issues&#x2F;1#issuecomment-2419788697">https:&#x2F;&#x2F;github.com&#x2F;victorqribeiro&#x2F;customFilter&#x2F;issues&#x2F;1#issu...</a>