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

Question

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

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

所需的结果与此类似，但质量不是优先考虑因素，因为如果可行，这将在视频Feed中实施。

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存在。