Pixi.js: ColorMatrixFilter रंग द्वारा कैसे उपयोग करें

को निर्मित 14 जन॰ 2018 · 3टिप्पणियाँ · स्रोत: pixijs/pixi.js

हैलो, मैं रंग "# e73b37" के साथ ColorMatrixFilter का उपयोग करके एक तस्वीर का उपयोग करना चाहता हूं, मैं मैट्रिक्स ऐरे द्वारा कैसे उपयोग कर सकता हूं, गणना कैसे करें? बहुत - बहुत धन्यवाद

स्रोत

neciszhang

👍1

सबसे उपयोगी टिप्पणी

आप जो खोज रहे हैं उसके बारे में बिल्कुल निश्चित नहीं है लेकिन:

यहाँ एक दृष्टिकोण है जो मूल रूप से ColorMatrixFilter का उपयोग करके tint को दोहराता है।

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/

मैंने PixiAnimate के साथ एक दृष्टिकोण का उपयोग किया: https://github.com/jiborobot/pixi-animate/blob/master/src/mixins/DisplayObject.js#L143 -L153

उपरोक्त कोड आपको एडिटिव कलर के साथ-साथ मल्टीप्लीट टिंट करने की अनुमति देगा।

bigtimebuddy 14 जन॰ 2018

👍4

सभी 3 टिप्पणियाँ

आप जो खोज रहे हैं उसके बारे में बिल्कुल निश्चित नहीं है लेकिन:

यहाँ एक दृष्टिकोण है जो मूल रूप से ColorMatrixFilter का उपयोग करके tint को दोहराता है।

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/

उपरोक्त कोड आपको एडिटिव कलर के साथ-साथ मल्टीप्लीट टिंट करने की अनुमति देगा।

bigtimebuddy 14 जन॰ 2018

👍4

@bigtimebuddy मेरी समस्या का समाधान सफलतापूर्वक कर दिया गया है! बहुत - बहुत धन्यवाद! तहेदिल से कामना करता हूँ

neciszhang 15 जन॰ 2018

इस थ्रेड को स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद हाल ही में कोई गतिविधि नहीं हुई है। कृपया संबंधित बग के लिए एक नया मुद्दा खोलें।