pixi.js - 在 PIXI.js 中如何增加 Sprite 的亮度？

Question

我有一个通过 new PIXI.Sprite.fromImage(path) 创建的 Sprite ，如何实时增加它的亮度？

Answer 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