์๋ฅผ ๋ค์ด http://pixijs.github.io/examples/#/demos/text -demo.js๋ฅผ ์ฌ์ฉํ์ธ์.
view๋ผ๋ ์ปจํ
์ด๋๋ฅผ stage์ ์ถ๊ฐํ์ต๋๋ค.
๋ณด๊ธฐ์ textSample์ ์ถ๊ฐํ๊ณ ,
๊ทธ๋ฌ๋ฉด textSample์ด ํ์๋์ง ์์ต๋๋ค. ๋ง์ต๋๊น, ์๋๋ฉด ๋ฒ๊ทธ์ ๋๊น?
๋ง์ต๋๋ค.. ๊ทธ๋ฆฌ๊ณ ๊ทธ ์ด์ ๋ ์์ด๋ค์ ์์์ ๋๋ค.
init() ํจ์ ๋ด์์
// add a shiny background...
var background = PIXI.Sprite.fromImage('required/assets/textDemoBG.jpg');
stage.addChild(background);
์ด ๋ฐฐ๊ฒฝ์ ์ ๋ณด๊ธฐ ์ปจํ
์ด๋๊ฐ ์ถ๊ฐ๋ _after_ ์ถ๊ฐ๋๋ฉฐ, ๋ฐ๋ผ์ ์ ๋ณด๊ธฐ ์ปจํ
์ด๋์ ์ถ๊ฐ๋ ๋ด์ฉ ํ์ ๊ทธ๋ ค์ง๋๋ค.
์ด๋ํ๋ฉด
var view = new PIXI.Container();
stage.addChild(view)
์ง์ ์
view.addChild(textSample);
์ ์๋ํ๋ ๊ฒ์ ๋ณผ ์ ์์ต๋๋ค :)
์๊ฒ ์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค.
์ด ์ค๋ ๋๋ ๋ซํ ํ ์ต๊ทผ ํ๋์ด ์์๊ธฐ ๋๋ฌธ์ ์๋์ผ๋ก ์ ๊ฒผ์ต๋๋ค. ๊ด๋ จ ๋ฒ๊ทธ์ ๋ํ ์ ๋ฌธ์ ๋ฅผ ์ฌ์ญ์์ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋ง์ต๋๋ค.. ๊ทธ๋ฆฌ๊ณ ๊ทธ ์ด์ ๋ ์์ด๋ค์ ์์์ ๋๋ค.
init() ํจ์ ๋ด์์
์ด ๋ฐฐ๊ฒฝ์ ์ ๋ณด๊ธฐ ์ปจํ ์ด๋๊ฐ ์ถ๊ฐ๋ _after_ ์ถ๊ฐ๋๋ฉฐ, ๋ฐ๋ผ์ ์ ๋ณด๊ธฐ ์ปจํ ์ด๋์ ์ถ๊ฐ๋ ๋ด์ฉ ํ์ ๊ทธ๋ ค์ง๋๋ค.
์ด๋ํ๋ฉด
์ง์ ์
view.addChild(textSample);
์ ์๋ํ๋ ๊ฒ์ ๋ณผ ์ ์์ต๋๋ค :)