在 PIXI.js 中如何增加精灵的亮度？答案

【问题标题】：In PIXI.js how can I increase the brightness of a sprite?在 PIXI.js 中如何增加精灵的亮度？
【发布时间】：2020-02-08 02:07:47
【问题描述】：

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

【问题讨论】：

标签： pixi.js

【解决方案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

【讨论】：

你从哪里学来的？这只是民间传说还是有我没看过的教程？
刚用了一堆PIXI！ PIXI 过滤器系统似乎与 ActionScript 系统非常相似，因此旧的 Flash 教程可能是相关的，例如：emanueleferonato.com/2009/04/28/…
演示不再有效。 :( 看起来您的示例将过滤器应用于舞台，但是将其仅应用于精灵呢？
@imcg 你能更新你的codeopen链接吗？它不适合我