Jump to content

Help with shader (some strange behavior)


Recommended Posts

Hi guys.

I was working on some shading and discovered a strange behavior. I'm new to all this so maybe I just don't understand something, perhaps you could help - I localized that behaviour in this shader:

fragmentSrc = [
    'precision mediump float;',
    'varying vec2 vTextureCoord;',
    'uniform sampler2D texture;',
    'void main(void) {',
    '    vec4 ownColor = texture2D(texture, vTextureCoord);',
    '    gl_FragColor = vec4(1.0, 0.0, 0.0, ownColor.a);',

Now it looks to me that my shader should tint a sprite in red, but instead it sorta does but then it also snaps it into screen blending mode whenever alpha is less than 1. I've created this codepen with some colors where you can clearly see screen blending is taking place:


Can anybody explain to me why it behaves not as I expected it to? The way I see it it should output fully transparent pixels where original sprite had 0 alpha but instead it outputs 100% opaque red pixels in screen blending mode.

Link to comment
Share on other sites

Thank you, that works. But why is it so? I was under the impression that in shader I define the color of pixel and the transparency of it and I was actually struggling to have screen blending of my effect and turns out it is there for free when alpha is 0 :)

Link to comment
Share on other sites

Because PIXI uses "premultiplied alpha". 


" So you might be asking: If the result is the same, why bother with pre-multiplied alpha? The reason is texture filtering. When you take samples from a texture, unless you have disabled texture filtering, the hardware is blending neighboring texels together and returning a weighted average as a result. With traditional post-multiplied alpha, this result will be incorrect. "

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...