WebGL Cel Shading在图像处理中的应用

Question

在图像上为toon / cel着色/ borderlands样式/矢量化效果实现WebGL着色器的最佳方法是什么？

我知道可以使用sobel或Frei-chen过滤器生成轮廓，但我发现的大多数关于颜色的资源都是针对3D模型的。

期望的结果与此类似，但质量不是优先考虑因素，因为如果可行的话，这将在视频源上实施。

http://www.instructables.com/id/Cel-Shading-Real-Life-Pictures/

Answer 1

我不知道任何简单的GLSLish卡通图像的方式。 AFAIK需要比简单的基于GLSL的后期处理算法更多的图像分析。我能想到的最接近的只是降低颜色分辨率，可能使用3d tone mapping texture进行更多控制并使用nearest neighbor filtering instead of linear filter。另一个可能是尝试通过hsv或hsl进行量化（而rgb的分色量化）我也认为你可以使用色调映射来做同样的事情，你只需要使用HSL量化而不是RGB量化来生成斜坡立方体。在量化之前，您可能还会执行模糊步骤或降低分辨率。

Answer 2

考虑一下Denoise（）它可以在glfx和其他人看到。它并不完美，但现在存在一个简单的API。