Question about shader

[kultie]

Hi makers, currently i'm trying to make a filter plugin for my game and i'm trying to make a filter to limit vision of player when on map so something like this (This is made with newest version of PIXI 5.2)

After some tweak and i got it technically work like this for RMMV (This is position of (0,0))

But if I change to position of (0.5,0.5) - center of map it's got offset like this:

Are there any matrix or some thing about dimension I don't know when using shader code inside RMMV? The first image i got it working with mouse position and it's perfectly fine.
For some rough explanation about shader code and js here what i come up with:

Spoiler: GLSL

limitVisionShader = `

precision mediump float;

varying vec2 vTextureCoord;
uniform sampler2D uSampler;

uniform vec2 iResolution;
uniform float iTime;
uniform vec2 pos;

vec4 limitVision(vec2 st, vec2 pos, float radius){
  float pct = 1. - smoothstep(0., radius ,distance(st,vec2(pos)));
  return vec4(pct);
}

vec4 norctunalVision(vec2 st, vec2 pos){
  vec4 col = limitVision(st, pos, .2);

  vec4 tex = texture2D(uSampler,st);
  vec4 result = mix(col,tex,col.a);
  vec4 tex2 = vec4(0.,0.,0.,1.);
  tex2.rgb /= 5.;
  result = mix(result,tex2,1. - col.a);
  return result;
}

void main(){
    vec2 uv = vTextureCoord;
    // uv *= resolution.x/resolution.y;

    vec4 col = norctunalVision(uv, vec2(.5,.5)); //Replace vec2(.5,.5) to pos for reflect chaging of character posiiton
    gl_FragColor = col;
}
`

Spoiler: JS

//Scene_Map
Scene_Map.prototype.createNortunalVision = function(){
    this._visionFilter = Kultie_FilterManager.createFilter(false,limitVisionShader,{pos:[.5,.5]});
    this._spriteset.filters = [this._visionFilter];
}

Kultie.BNBattleSystem.Scene_Map_update = Scene_Map.prototype.update;
Scene_Map.prototype.update = function(){
    if(this._visionFilter){
        this._visionFilter.uniforms.pos = [$gamePlayer._x/$gameMap.width(), $gamePlayer._y/$gameMap.height()];
        this._visionFilter.uniforms.iTime += Kultie.Utils.getDeltaTime();
    }
    Kultie.BNBattleSystem.Scene_Map_update.call(this);
}

Can anyone help me with this? I'm fairly new with RMMV and I don't know how or why the PIXI's filter working difference between PIXI 5.2 and RMMV(1.6.1) PIXI 4.5.4
And also how do I add more sampler to the shader?

EDIT: Just downgrade my standalone PIXI from 5.2 to 4.5.4 and have same issue, so yeah this not RMMV fault, but if someone have any idea about this halp plox

 

[YoraeRasante]

you are using the game map's width, not the game screen's.
it can be useful, of course, but that is the cause of your problem.

 

[kultie]

@Waterguy Yeah after some digging in for the PIXI 4.5.4 version of FilterManager i've learn it
What I used for 5.2 was uniform of resolution that i pass it in, and somehow that 5.2 let's me do it the way I've done it with standard glsl.
But in 4.5.4 all I need was built-in uniform called filterArea that have the screen dimension of xy parts.
So when I pass in pos I need to divided it with filterArea.xy. Man should've read document more carefully and not banging my head hoping Kadakawa will upgrade pixi library form 4.54 to 5.2

And now I have to remake my shader plugin to properly resolve this issues
Oh and i found the way to add 1 more sampler to the shader too, still don't know how to add more than 1 tho since i guess the matrix use for each sprite only