В пикси.js как я могу увеличить яркость спрайта?

У меня есть спрайт создается с помощью new PIXI.Sprite.fromImage(path), Как я могу увеличить яркость в реальном времени?

1 ответов


вы можете сделать это с помощью PIXI ColorMatrixFilter:

var colorMatrix =  [
    1,0,0,0,
    0,1,0,0,
    0,0,1,0,
    0,0,0,1
];
var filter = new PIXI.ColorMatrixFilter();
filter.matrix = colorMatrix;
stage.filters = [filter];

темный:

var colorMatrix =  [
    1,0,0,-0.5,
    0,1,0,-0.5,
    0,0,1,-0.5,
    0,0,0,1
];

светлый:

var colorMatrix =  [
    1,0,0,0.5,
    0,1,0,0.5,
    0,0,1,0.5,
    0,0,0,1
];

см. быструю демонстрацию здесь:http://codepen.io/ianmcgregor/pen/LcjBw