Pixi.js: ColorMatrixFilter comment utiliser par couleur

Créé le 14 janv. 2018 · 3Commentaires · Source: pixijs/pixi.js

bonjour, je veux utiliser une image en utilisant ColorMatrixFilter avec la couleur "#e73b37", comment puis-je utiliser par matrice Array, comment calculer? Merci beaucoup

Source

neciszhang

👍1

Commentaire le plus utile

Vous ne savez pas exactement ce que vous cherchez, mais :

Voici une approche qui réplique essentiellement tint utilisant ColorMatrixFilter.

const color = new PIXI.filters.ColorMatrixFilter();
const tint = 0xe73b37;
const r = tint >> 16 & 0xFF;
const g = tint >> 8 & 0xFF;
const b = tint & 0xFF;
color.matrix[0] = r / 255;
color.matrix[6] = g / 255;
color.matrix[12] = b / 255;

https://jsfiddle.net/bigtimebuddy/4612gq30/1/

J'ai utilisé une approche avec PixiAnimate : https://github.com/jiborobot/pixi-animate/blob/master/src/mixins/DisplayObject.js#L143 -L153

Le code ci-dessus vous permettrait de faire une couleur additive ainsi que de multiplier la teinte.

bigtimebuddy le 14 janv. 2018

👍4

Tous les 3 commentaires

Vous ne savez pas exactement ce que vous cherchez, mais :

Voici une approche qui réplique essentiellement tint utilisant ColorMatrixFilter.

const color = new PIXI.filters.ColorMatrixFilter();
const tint = 0xe73b37;
const r = tint >> 16 & 0xFF;
const g = tint >> 8 & 0xFF;
const b = tint & 0xFF;
color.matrix[0] = r / 255;
color.matrix[6] = g / 255;
color.matrix[12] = b / 255;

https://jsfiddle.net/bigtimebuddy/4612gq30/1/

J'ai utilisé une approche avec PixiAnimate : https://github.com/jiborobot/pixi-animate/blob/master/src/mixins/DisplayObject.js#L143 -L153

Le code ci-dessus vous permettrait de faire une couleur additive ainsi que de multiplier la teinte.

bigtimebuddy le 14 janv. 2018

👍4

@bigtimebuddy Mon problème a été résolu avec succès ! Merci beaucoup! vous souhaite sincèrement

neciszhang le 15 janv. 2018

Ce fil a été automatiquement verrouillé car il n'y a eu aucune activité récente après sa fermeture. Veuillez ouvrir un nouveau problème pour les bogues liés.