Pixi.js: ColorMatrixFilter cara menggunakan berdasarkan warna

Dibuat pada 14 Jan 2018 · 3Komentar · Sumber: pixijs/pixi.js

halo, saya ingin menggunakan gambar dengan menggunakan ColorMatrixFilter dengan warna "#e73b37", bagaimana saya bisa menggunakan matriks Array, bagaimana cara menghitungnya? Terima kasih banyak

Sumber

neciszhang

👍1

Komentar yang paling membantu

Tidak yakin apa yang Anda cari tetapi:

Berikut adalah pendekatan yang pada dasarnya mereplikasi tint menggunakan 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/

Saya menggunakan pendekatan dengan PixiAnimate: https://github.com/jiborobot/pixi-animate/blob/master/src/mixins/DisplayObject.js#L143 -L153

Kode di atas akan memungkinkan Anda untuk melakukan warna aditif serta warna ganda.

bigtimebuddy pada 14 Jan 2018

👍4

Semua 3 komentar

Tidak yakin apa yang Anda cari tetapi:

Berikut adalah pendekatan yang pada dasarnya mereplikasi tint menggunakan 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/

Saya menggunakan pendekatan dengan PixiAnimate: https://github.com/jiborobot/pixi-animate/blob/master/src/mixins/DisplayObject.js#L143 -L153

Kode di atas akan memungkinkan Anda untuk melakukan warna aditif serta warna ganda.

bigtimebuddy pada 14 Jan 2018

👍4

@bigtimebuddy Masalah saya telah berhasil dipecahkan! Terima kasih banyak! Hormat kami berharap Anda

neciszhang pada 15 Jan 2018

Utas ini telah dikunci secara otomatis karena tidak ada aktivitas terbaru setelah ditutup. Silakan buka edisi baru untuk bug terkait.