OpenGL ES Shader para delinear imágenes en 2D

Question

Estoy trabajando en un juego para iOS 2D con OpenGL 2.0 y me pregunto si es posible escribir un sombreador que contornee las imágenes con un resplandor. Todas las imágenes son sprites 2D. Los ejemplos de sombreado que he visto para delinear son para objetos en 3D, por lo que no estoy seguro si es posible para imágenes 2D.

Answer 1

¿Aceptaría un filtro de detección de bordes (como Sobel), produciendo una imagen como la que se muestra en the Wikipedia article, seguido de un desenfoque gaussiano en los resultados para suavizar los bordes y darle más brillo, luego compuesto esa imagen en tu escena?

En la práctica, probablemente podría reutilizar los sombreadores de trazado 3d que ha visto, aunque en teoría podría inspeccionar las cantidades de profundidad (con un esfuerzo prolongado en ES), cada uno que he visto era solo un efecto 2d la imagen renderizada

EDITAR: en consideración adicional, el Laplaciano puede ser un poco más fácil de aplicar que el Sobel porque se puede hacer como sombreadores de convolución simples (como se describe en los lugares like this). Sin embargo, para estar seguro en el móvil, es posible que prefiera usar núcleos de 3x3 como máximo y escriba un sombreador diferente para cada efecto en lugar de hacerlo con datos. Por ejemplo, un desenfoque gaussiano en bruto, en escrito extensamente:

void main() 
{ 
    mediump vec4 total = vec4(0.0); 
    mediump vec4 grabPixel; 

    total +=  texture2D(tex2D, texCoordVarying + vec2(-1.0/width, -1.0/height)); 
    total +=  texture2D(tex2D, texCoordVarying + vec2(1.0/width, -1.0/height)); 
    total +=  texture2D(tex2D, texCoordVarying + vec2(1.0/width, 1.0/height)); 
    total +=  texture2D(tex2D, texCoordVarying + vec2(-1.0/width, 1.0/height)); 

    grabPixel =  texture2D(tex2D, texCoordVarying + vec2(0.0, -1.0/height)); 
    total += grabPixel * 2.0; 

    grabPixel =  texture2D(tex2D, texCoordVarying + vec2(0.0, 1.0/height)); 
    total += grabPixel * 2.0; 

    grabPixel =  texture2D(tex2D, texCoordVarying + vec2(-1.0/width, 0.0)); 
    total += grabPixel * 2.0; 

    grabPixel =  texture2D(tex2D, texCoordVarying + vec2(1.0/width, 0.0)); 
    total += grabPixel * 2.0; 

    grabPixel = texture2D(tex2D, texCoordVarying); 
    total += grabPixel * 4.0; 

    total *= 1.0/16.0; 

    gl_FragColor = total; 
} 

y un borde de Laplace detectar termina buscando constantes similares, pero con diferentes.

Como optimización, debe calcular sus puntos de muestreo relativos en el sombreado de vértices en lugar de en el sombreador de fragmentos en la medida de lo posible, dado el límite de variaciones, ya que esto evitará las lecturas de textura dependientes.