在圖像處理中使用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量化來生成斜坡立方體。在量化之前，您也可以做一個模糊步驟或降低分辨率。