Wie kann ich in PIXI.js die Helligkeit eines Sprites erhöhen?

Question

Ich habe ein Sprite erstellt durch new PIXI.Sprite.fromImage(path), wie kann ich die Helligkeit in Echtzeit erhöhen?

Answer 1

Sie können diese mit der PIXI Colormatrix tun:

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]; 

Darker:

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

Lighter:

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

eine schnelle Demo Siehe hier: http://codepen.io/ianmcgregor/pen/LcjBw