Pixi.js: ColorMatrixFilter色による使用方法

作成日 2018年01月14日  ·  3コメント  ·  ソース: pixijs/pixi.js

こんにちは、色が「#e73b37」のColorMatrixFilterを使用して画像を使用したいのですが、行列配列でどのように使用できますか、計算方法は? どうもありがとう

最も参考になるコメント

探しているものが正確にはわかりませんが、次のようになります。

これは、基本的に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

上記のコードを使用すると、加法色を実行したり、色合いを乗算したりできます。

全てのコメント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/

PixiAnimateでアプローチを使用しました: https

上記のコードを使用すると、加法色を実行したり、色合いを乗算したりできます。

@bigtimebuddy私の問題は正常に解決されました! どうもありがとう! よろしくお願いします

このスレッドは、閉じられた後、最近のアクティビティがないため、自動的にロックされています。 関連するバグについては、新しい問題を開いてください。

このページは役に立ちましたか?
0 / 5 - 0 評価