如何提高透明畫布紋理的邊緣質量？

Question

我有一個基於畫布的紋理與透明背景，我與我的材料的漫反射顏色混合。這是使用基於this SO answer後續定製的頂點着色器代碼完成：

vec4 texelColor = texture2D(map, vUv); 
gl_FragColor.rgb = mix(gl_FragColor.rgb, texelColor.rgb, texelColor.a); 
vec3 surfDiffuse = mix(diffuse, vec3(1,1,1), texelColor.a); 

我已經與紋理的premultiplyAlpha設置玩耍了。這就是我得到：

• texture.premultiplyAlpha set to false
• texture.premultiplyAlpha set to true

我能做些什麼來擺脫在我的紋理黑暗的邊緣？

Answer 1

最好的解決方案是在圖像編輯軟件中將您的紋理邊緣變爲alpha（或者在這種情況下使RGB顏色變爲純色，並在alpha中使用蒙版）。

這樣，而不是：

rgb alpha 
------- 
BBB 000 
BCB 010 
BBB 000 //*B = black, C = texture color, 0 = transparent, 1 = opaque 

你有：

rgb alpha 
------- 
CCC 000 
CCC 010 
CCC 000 

這樣，您將擁有完美的邊緣。