vTextureCoord wrong coordination

Hi, I messing with filters but have some issue with fragment shader (i think the problem is more like with the vertex shader, or i just missing something). Anyway, i just create a basic project with a basic fragment shader and i noticed that the ‘filtered’ area is bigger than it should be.

the fragment shader

precision mediump float;

varying vec2 vTextureCoord;
uniform sampler2D uSampler;

void main() {


	if ( vTextureCoord.x < 0.5 )
	{
		gl_FragColor = vec4(1.0,0.5,0.5, 1.0);
	}
}

the project file

window.onload = function(){
	var app = new PIXI.Application(800, 600, {backgroundColor : 0x1099bb});
	document.body.appendChild(app.view);

	var base_rect = new PIXI.Graphics();
	base_rect.beginFill(0xff0080);
	base_rect.drawRect(0, 0, 800, 600);
	app.stage.addChild(base_rect);
        
       PIXI.loader.add('shader', 'vignette.frag').load(onLoaded);
       
       var filter;

       function onLoaded (loader,res) {
	    filter = new PIXI.Filter(null, res.shader.data);
	    app.stage.filterArea = new PIXI.Rectangle(0,0,800,600);
	    app.stage.filters = [filter];

	    app.start();
	}

	app.ticker.add(function(delta) {
	});
}

and the result is with the code ‘if ( vTextureCoord.x < 0.5 )’

instead of this: (but if i write ‘if ( vTextureCoord.x < 0.4 )’ i get the 50% width that i want)

[dmtth]

thanks for the reply!

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.