Pixi.js: قم بتصفية كيفية الاستخدام حسب اللون

تم إنشاؤها على ١٤ يناير ٢٠١٨ · 3تعليقات · مصدر: pixijs/pixi.js

مرحبًا ، أريد استخدام صورة باستخدام ColorMatrixFilter مع اللون "# e73b37" ، كيف يمكنني استخدام مصفوفة المصفوفة ، وكيفية الحساب؟ شكر كثيرا

مصدر

neciszhang

👍1

التعليق الأكثر فائدة

لست متأكدًا تمامًا مما تبحث عنه ولكن:

إليك طريقة تقوم أساسًا بتكرار tint باستخدام 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/

لقد استخدمت نهجًا مع PixiAnimate: https://github.com/jiborobot/pixi-animate/blob/master/src/mixins/DisplayObject.js#L143 -L153

يسمح لك الكود أعلاه بعمل لون مضاف بالإضافة إلى مضاعفة الصبغة.

bigtimebuddy في ١٤ يناير ٢٠١٨

👍4

ال 3 كومينتر

لست متأكدًا تمامًا مما تبحث عنه ولكن:

إليك طريقة تقوم أساسًا بتكرار tint باستخدام 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/

لقد استخدمت نهجًا مع PixiAnimate: https://github.com/jiborobot/pixi-animate/blob/master/src/mixins/DisplayObject.js#L143 -L153

يسمح لك الكود أعلاه بعمل لون مضاف بالإضافة إلى مضاعفة الصبغة.

bigtimebuddy في ١٤ يناير ٢٠١٨

👍4

bigtimebuddy تم حل مشكلتي بنجاح! شكرا جزيلا! أتمنى لكم بصدق

neciszhang في ١٥ يناير ٢٠١٨

تم قفل سلسلة الرسائل هذه تلقائيًا نظرًا لعدم وجود أي نشاط حديث بعد إغلاقه. الرجاء فتح قضية جديدة للأخطاء ذات الصلة.