Pixi.js: ColorMatrixFilter cómo usar por color

Creado en 14 ene. 2018  ·  3Comentarios  ·  Fuente: pixijs/pixi.js

hola, quiero usar una imagen usando ColorMatrixFilter con el color "# e73b37", ¿cómo puedo usar la matriz de matriz, cómo calcular? muchas gracias

Comentario más útil

No estoy seguro de lo que está buscando, pero:

Aquí hay un enfoque que básicamente replica tint usando 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/

Usé un enfoque con PixiAnimate: https://github.com/jiborobot/pixi-animate/blob/master/src/mixins/DisplayObject.js#L143 -L153

El código anterior le permitiría hacer un color aditivo y también multiplicar el tinte.

Todos 3 comentarios

No estoy seguro de lo que está buscando, pero:

Aquí hay un enfoque que básicamente replica tint usando 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/

Usé un enfoque con PixiAnimate: https://github.com/jiborobot/pixi-animate/blob/master/src/mixins/DisplayObject.js#L143 -L153

El código anterior le permitiría hacer un color aditivo y también multiplicar el tinte.

@bigtimebuddy ¡ Mi problema se ha resuelto con éxito! ¡Muchas gracias! Sinceramente te deseo

Este hilo se ha bloqueado automáticamente ya que no ha habido ninguna actividad reciente después de que se cerró. Abra un nuevo problema para errores relacionados.

¿Fue útil esta página
0 / 5 - 0 calificaciones