PIXI Fragment shader and retina resolution

[ruslanchek]

Hello everybody!

There is my fragment shader for PIXI.Filter. I'm using it to change the colour of the area drawed by PIXI's primitives (eg. for gradient effect). All looks good on renderer.resolution = 1 but if i set it into 2 It draws additional line out of the area, and strange big pixels on a complex forms like chart (see screenshots). Help me please :-)

precision mediump float;

varying vec2 vTextureCoord;

uniform sampler2D uSampler;
uniform mat3 mappedMatrix;
uniform vec4 topColor;
uniform vec4 bottomColor;
uniform float alpha;

void main(void) {				
  vec4 result = texture2D(uSampler, vTextureCoord);
  vec3 mapCoord = vec3(vTextureCoord, 1.0) * mappedMatrix;

  if(result.a > 0.0) {
    vec4 mixCol = mix(topColor, bottomColor, mapCoord.y);
    vec4 fg = texture2D(uSampler, vTextureCoord.xy);

    gl_FragColor = vec4(1.0, 0.0, 0.0, alpha);
    // gl_FragColor = mix(fg, mixCol, alpha); 
    // Gradient effect disabled. When pixels are red - it's better to see the bug
  } else {
    gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);
  }
}

Unwanted line out of the area (resolution = 2)

Normal result (resolution = 1)

Strange big pixels (resolution = 2)

[Fatalist]

9 hours ago, ruslanchek said:

gl_FragColor = vec4(1.0, 0.0, 0.0, alpha);

Try vec4(fg.a * alpha, 0.0, 0.0, fg.a * alpha)