์๋ ํ์ธ์, ColorMatrixFilter๋ฅผ ์์ "#e73b37"๋ก ์ฌ์ฉํ์ฌ ๊ทธ๋ฆผ์ ์ฌ์ฉํ๊ณ ์ถ์ต๋๋ค. ํ๋ ฌ ๋ฐฐ์ด๋ก ์ด๋ป๊ฒ ์ฌ์ฉํ ์ ์์ต๋๊น? ๊ณ์ฐ ๋ฐฉ๋ฒ์ ๋ฌด์์ ๋๊น? ์ ๋ง ๊ฐ์ฌํฉ๋๋ค
๋น์ ์ด ์ฐพ๊ณ ์๋ ๊ฒ์ด ๋ฌด์์ธ์ง ์ ํํ ๋ชจ๋ฅด์ง๋ง:
๋ค์์ 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 ๋ด ๋ฌธ์ ๊ฐ ์ฑ๊ณต์ ์ผ๋ก ํด๊ฒฐ๋์์ต๋๋ค! ์ ๋ง ๊ฐ์ฌํฉ๋๋ค! ์ง์ฌ์ผ๋ก ๋ฐ๋๋๋ค
์ด ์ค๋ ๋๋ ๋ซํ ํ ์ต๊ทผ ํ๋์ด ์์๊ธฐ ๋๋ฌธ์ ์๋์ผ๋ก ์ ๊ฒผ์ต๋๋ค. ๊ด๋ จ ๋ฒ๊ทธ์ ๋ํ ์ ๋ฌธ์ ๋ฅผ ์ฌ์ญ์์ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋น์ ์ด ์ฐพ๊ณ ์๋ ๊ฒ์ด ๋ฌด์์ธ์ง ์ ํํ ๋ชจ๋ฅด์ง๋ง:
๋ค์์ ColorMatrixFilter๋ฅผ ์ฌ์ฉํ์ฌ ๊ธฐ๋ณธ์ ์ผ๋ก
tint
๋ฅผ ๋ณต์ ํ๋ ์ ๊ทผ ๋ฐฉ์์ ๋๋ค.https://jsfiddle.net/bigtimebuddy/4612gq30/1/
๋๋ PixiAnimate์์ ์ ๊ทผ ๋ฐฉ์์ ์ฌ์ฉํ์ต๋๋ค: https://github.com/jiborobot/pixi-animate/blob/master/src/mixins/DisplayObject.js#L143 -L153
์์ ์ฝ๋๋ฅผ ์ฌ์ฉํ๋ฉด ์์์ ์ถ๊ฐํ๊ณ ์์กฐ๋ฅผ ๊ณฑํ ์ ์์ต๋๋ค.