画像処理でのWebGL Celシェーディング

Question

トーン/セルシェーディング/ボーダーランドスタイル/ベクトル化のような効果をイメージに適用するWebGLシェーダを実装する最適な方法は何ですか？

私はソラインやFrei-chenフィルタを使用してアウトラインを生成できますが、私が色について見つけたほとんどのリソースは3Dモデル用です。

希望する結果はこれと似ていますが、品質は優先順位ではありません。実現可能であれば、ビデオフィードに実装されているためです。

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

Answer 1

私は画像をcartoonifyingの任意の単純GLSLish方法を知りません。 AFAIKは、単純なGLSLベースの後処理アルゴリズムよりも多くの画像解析を必要とします。私が考えることができる最も近いのは、色の解像度を低くすることです。nearest neighbor filtering instead of linear filterを使用する場合は、3d tone mapping textureを使用してください。もう一つはhsvやhslで量子化しようとするかもしれません（ポスタリゼーションはRGBで量子化されます）。RGB量子化の代わりにHSL量子化を使ってランプキューブを生成するだけです。また、ぼかしステップを実行するか、または量子化する前に解像度を下げることもできます。