์ด ํ ์คํธ๊ฐ "1111111111111111111111111"์ธ PIXI.BitmapText ์ธ์คํด์ค๋ฅผ ๋ง๋ญ๋๋ค. ๋๋น๋ฅผ ๊ธฐ์ต ํ ๋ค์ ํ ์คํธ๋ฅผ "1"๋ก ๋ณ๊ฒฝํ๊ณ ๋๋น๋ฅผ ๋ค์ ํ์ธํ๋ฉด ๋์ผํฉ๋๋ค.
์ด ๋ฌธ์ ๋ PIXI.BitmapText ์ธ์คํด์ค์ 199 ๊ฐ ์ด์์ ์ ์ ์ด์๋ ์์์ผ๋ก PIXI.Mesh ์ธ์คํด์ค๊ฐ์์ ๋ ๋ฐ์ํฉ๋๋ค.
https://pixijs.io/examples/#/text/bitmap -text.js
์ด ์ฝ๋๋ฅผ ๋ถ์ฌ ๋ฃ์ผ์ญ์์ค.
const app = new PIXI.Application({ backgroundColor: 0x1099bb });
document.body.appendChild(app.view);
app.loader
.add('desyrel', 'examples/assets/bitmap-font/desyrel.xml')
.load(onAssetsLoaded);
function onAssetsLoaded() {
const bitmapFontText = new PIXI.BitmapText('11111111111111111111111111111111111111111111111', { font: '55px Desyrel'});
console.log(bitmapFontText.width);
bitmapFontText.x = 50;
bitmapFontText.y = 200;
bitmapFontText.text = '1';
console.log(bitmapFontText.width);
app.stage.addChild(bitmapFontText);
}
pixi.js
๋ฒ์ : 5.3.2๋ค์์ JSFiddle ๋ฒ์ ์
๋๋ค.
https://jsfiddle.net/bigtimebuddy/syt6gdpb/
๋ค์์ JSFiddle ๋ฒ์ ์ ๋๋ค.
https://jsfiddle.net/bigtimebuddy/syt6gdpb/
๋ด๊ฐ ์ดํดํ๋ ๋ฐ์ ๊ฐ์ด,์ด ๋ฌธ์ ๋ ์ ํ
์คํธ๊ฐ ์ด์ ๋ณด๋ค ์์ ๋ ์ ์ ๋ฒํผ๋ฅผ ์ ๋ฆฌํ์ง ์๊ธฐ ๋๋ฌธ์ ๋ฐ์ํฉ๋๋ค.
์ด ์กฐ๊ฑด์ด ์ด๋ป๊ฒ ์๋ํ๋์ง ํ์ธ
์ ์ ๋ฒํผ๋ฅผ 0์ผ๋ก ์ค์ ํ๋ฉด ์๋ก ์์ฑ๋์ง ์์ ๊ฒฝ์ฐ์ด ๋ฌธ์ ๊ฐ ํด๊ฒฐ ๋ ๊ฒ์ ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋ด๊ฐ ์ดํดํ๋ ๋ฐ์ ๊ฐ์ด,์ด ๋ฌธ์ ๋ ์ ํ ์คํธ๊ฐ ์ด์ ๋ณด๋ค ์์ ๋ ์ ์ ๋ฒํผ๋ฅผ ์ ๋ฆฌํ์ง ์๊ธฐ ๋๋ฌธ์ ๋ฐ์ํฉ๋๋ค.
์ด ์กฐ๊ฑด์ด ์ด๋ป๊ฒ ์๋ํ๋์ง ํ์ธ