OpenGL ES Gölgelendirmek için 2D resimler

Question

OpenGL 2.0 kullanarak bir 2D iOS oyunu üzerinde çalışıyorum ve görüntüleri bir parıltı ile çizecek bir gölgelendirici yazmanın mümkün olup olmadığını merak ediyorum. Tüm görüntüler 2D sprite. Anahat için gördüğüm gölgelendirici örnekleri 3B nesneler içindir, bu yüzden 2D görüntüler için mümkün olup olmadığından emin değilim.

Answer 1

the Wikipedia article'da gösterildiği gibi bir görüntü oluşturan bir kenar algılama filtresi (Sobel gibi) kabul edersiniz ve bunu kenarların yumuşatılması ve daha fazla parlaklık vermesi için sonuçlarda bir Gauss bulanıklığı izler misiniz? bu görüntü sahnesine mi?

Pratikte, gördüğünüz 3 boyutlu anahatlı gölgelendiricileri yeniden kullanabilirsiniz - teoride derinlik miktarlarını (ES'de uzun süreli bir çaba ile) incelemenize rağmen, gördüğüm her şey sadece 2d etkisi oldu işlenen görüntü.

DÜZENLEME: Daha fazla düşünmek gerekirse, Laplacian'ın basit bir konvolüsyon shader olarak (like this yerlerinde açıklandığı gibi) yapılabilmesi için Sobel'den biraz daha kolay uygulanabilir. Mobil cihazlarda güvenli olmasına rağmen, muhtemelen en fazla 3x3 kernele yapışmak ve verilerle yapmak yerine her etki için farklı bir gölgelendirici yazmak isteyebilirsiniz. Yani örn. uzun uzadıya dışarı yazılmış bir kaba Gauss bulanıklığı,:

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; 
} 

Ve Laplace kenar algılamak benzer ancak farklı sabitleri görünümlü biter.

Bir en iyileştirme olarak, bağıl doku okumalarından kaçınacağından, parça gölgelendiricisinden ziyade, göreli örnekleme noktalarınızı parça gölgelendiricisinde değil, farklılıkların sınırlarını dikkate alarak yerine getirmeniz gerekir.