在图像处理中使用WebGL Cel Shading

Question

为图像上的onon/cel着色/ borderlands风格/向量化效果实现WebGL着色器的最佳方式是什么？

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

预期结果与此类似，但质量不是优先事项，因为如果可行的话，这将在视频馈送上实施。

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

Answer 1

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