W PIXI.js jak mogę zwiększyć jasność ikonki?

Question

Mam sprite'a stworzonego przez new PIXI.Sprite.fromImage(path), jak mogę zwiększyć jego jasność w czasie rzeczywistym?

Answer 1

Można to zrobić przy użyciu 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]; 

Ciemniej:

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

Zapalniczka:

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

Zobacz krótki demo tutaj: http://codepen.io/ianmcgregor/pen/LcjBw