Adjusting Filters

[jSwtch]

Hello,

I am hoping to change built in PixiJS filter parameter with mouse cursor and time. Does this interactivity require writing custom filter/shader?

For example (not working)

app.ticker.add(delta => {

mySprite.filters = [];

colorMatrix.contrast(1 + 0.1 * delta);

mySprite.filters = [baseFilter, colorMatrix];

});
 

 

[Exca]

In the example you are removing and adding filters on each frame. You should first setup the filters: mySprite.filters = [baseFilter, colorMatrix]; and then update their uniforms when you want to update how they react.

I also dont know what is baseFilter?

This example should work:
 

var colorMatrix =new PIXI.filters.ColorMatrixFilter();
mySprite.filters = [ colorMatrix];

app.ticker.add( delta => {
  colorMatrix.contrast(1+0.1*delta);
});