Pixi.js: BitmapText .textWidth๋Š” ๋ Œ๋”๋ง ํ›„์— ๋งŒ โ€‹โ€‹์ˆ˜์ •๋ฉ๋‹ˆ๊นŒ?

์— ๋งŒ๋“  2016๋…„ 12์›” 13์ผ  ยท  4์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: pixijs/pixi.js

BitmapText์˜ .text ์†์„ฑ์„ ์„ค์ • ํ•œ ํ›„ .textWidth๋Š” ๋ Œ๋”๋ง์ด ๋๋‚  ๋•Œ๊นŒ์ง€ ์˜ฌ๋ฐ”๋ฅด์ง€ ์•Š์Šต๋‹ˆ๋‹ค. repositioning ๊ณ„์‚ฐ์„ ํ•  ๋•Œ ๊ธฐ๋‹ค๋ฆฌ๊ธฐ ์œ„ํ•ด requestAnimationFrame ()์„ ์‚ฌ์šฉํ•ด์•ผํ–ˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ์ƒ๋˜๋Š” ๋™์ž‘์ž…๋‹ˆ๊นŒ?

๐Ÿ’พ v4.x (Legacy) ๐Ÿ“ข Accepting PRs ๐Ÿ•ท Bug

๋ชจ๋“  4 ๋Œ“๊ธ€

Err, ๊ทธ๊ฒƒ์€ ์ฝ”๋“œ๊ฐ€ํ•˜๋Š” ์ผ์ด๊ธฐ ๋•Œ๋ฌธ์— ์ง€๊ธˆ ๋‹น์žฅ ์˜ˆ์ƒ๋˜๋Š” ๋™์ž‘์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์šฐ๋ฆฌ๋Š” ๊ทธ๊ฒƒ์„ ๋” ์ข‹๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค;)

ํ…์ŠคํŠธ๋Š” ์„ฑ๋Šฅ์ƒ์˜ ์ด์œ ๋กœ ๋ Œ๋”๋ง ๋  ๋•Œ๊นŒ์ง€ ์—…๋ฐ์ดํŠธ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋‹น์‹ ์ด ์นด์šดํ„ฐ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค๊ณ  ์ƒ์ƒํ•ด๋ณด์‹ญ์‹œ์˜ค. ๋ Œ๋”๋ง ๋œ ๊ฒฝ์šฐ์—๋งŒ ์˜ฌ๋ฐ”๋ฅธ ๊ฒƒ์„ ํ‘œ์‹œํ•˜๋Š” ๋ฐ ํ•„์š”ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ํ…์ŠคํŠธ ํด๋ž˜์Šค์˜ ๊ฐ ์ˆซ์ž๋ฅผ ๋‹ค์‹œ ๋งŒ๋“ค๊ณ  ์‹ถ์ง€ ์•Š์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์˜ˆ๋ฅผ ๋“ค์–ด ์ผ๋ฐ˜ Text ํด๋ž˜์Šค๋Š” ๋„ˆ๋น„๋ฅผ ์–ป์œผ๋ ค๊ณ  ํ•  ๋•Œ ๋ Œ๋”๋ง ๋ฃจํ”„ ์™ธ๋ถ€์˜ ํ…์ŠคํŠธ๋ฅผ ์—…๋ฐ์ดํŠธํ•˜์—ฌ ๋ฐ˜ํ™˜ ๋œ ๊ฐ’์ด ์ •ํ™•ํ•˜๊ณ  ์ตœ์‹  ์ƒํƒœ์ธ์ง€ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค. BitmapText๋Š”์ด๋ฅผ ์ˆ˜ํ–‰ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค (ํ•˜์ง€๋งŒ ๊ทธ๋ž˜์•ผํ•ฉ๋‹ˆ๋‹ค).

์ˆ˜์ • ์‚ฌํ•ญ์ด ์ƒ์„ฑ๋˜๋Š” ๋™์•ˆ .textWidth๋ฅผ ์ฟผ๋ฆฌํ•˜๊ธฐ ์ „์— ๊ฐ์ฒด์—์„œ .updateText ()๋ฅผ ํ˜ธ์ถœ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ rAF๋ฅผ ๊ธฐ๋‹ค๋ฆด ํ•„์š”์—†์ด ์ •ํ™•ํ•œ ์ธก์ •์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

์ˆ˜์ • ์‚ฌํ•ญ์€ ํ˜„์žฌ .textWidth๋ฅผ ๊ฐœ์ธ ._textWidth๋กœ ๋งŒ๋“ค๊ณ  .textWidth๋ผ๋Š” ์ฝ๊ธฐ ์ „์šฉ getter๋ฅผ ๋งŒ๋“ค๊ณ  ._textWidth๋ฅผ ๋ฐ˜ํ™˜ํ•˜๊ธฐ ์ „์— .validate ()๋ฅผ ํ˜ธ์ถœํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

.width (๋ฐ ๋†’์ด)์˜ getter์˜ ๊ฒฝ์šฐ ๋„ˆ๋น„๋ฅผ ๋ฐ˜ํ™˜ํ•˜๊ธฐ ์ „์— .updateTransform ()์„ ํ˜ธ์ถœํ•ด์•ผํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

.validate๋Š” ๋‚ด๊ฐ€ ์ฐพ๋˜ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ฐ์‚ฌ :). ๊ธฐํšŒ๊ฐ€๋œ๋‹ค๋ฉด ์˜ค๋Š˜ ์ €๋…์— + ํ™๋ณด๋ฅผ ๊ตฌํ˜„ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์ด ์Šค๋ ˆ๋“œ๋Š” ๋‹ซํžŒ ํ›„ ์ตœ๊ทผ ํ™œ๋™์ด ์—†์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ž๋™์œผ๋กœ ์ž ๊ฒผ์Šต๋‹ˆ๋‹ค. ๊ด€๋ จ ๋ฒ„๊ทธ์— ๋Œ€ํ•œ ์ƒˆ ๋ฌธ์ œ๋ฅผ์—ฌ์‹ญ์‹œ์˜ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰