Pixi.js: ์‹ ๋ขฐํ•  ์ˆ˜ ์—†๋Š” ๊ธ€๊ผด

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

Google ๊ธ€๊ผด์ด ๋กœ๋“œ๋  ๋•Œ๋„ ์žˆ๊ณ  ๋กœ๋“œ๋˜์ง€ ์•Š์„ ๋•Œ๋„ ์žˆ์Šต๋‹ˆ๋‹ค. HTML, CSS ๋ฐ JS์—์„œ ๊ธ€๊ผด์„ ๋กœ๋“œํ•˜๋ ค๊ณ  ํ–ˆ์Šต๋‹ˆ๋‹ค. ์‹ค์ œ๋กœ ์ž‘๋™ํ•˜๋Š” ์œ ์ผํ•œ ๊ฒƒ์€ CSS์˜€์ง€๋งŒ ๋‚ด๊ฐ€ ๋งํ–ˆ๋“ฏ์ด ์ƒˆ๋กœ ๊ณ ์นจ์„ ํ•  ๋•Œ ํ‘œ์‹œ๋  ๋•Œ๋„ ์žˆ๊ณ  ํ‘œ์‹œ๋˜์ง€ ์•Š์„ ๋•Œ๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿค” Question

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋‚˜๋Š” ๊ธ€๊ผด ๋กœ๋”ฉ์— ์ข‹์€ https://github.com/bramstein/fontfaceobserver๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์ฐพ์Šต๋‹ˆ๋‹ค.

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

์ด๊ฒƒ์€ ๋กœ๋”ฉ ๊ฒฝ์Ÿ ์กฐ๊ฑด์ฒ˜๋Ÿผ ๋“ค๋ฆฝ๋‹ˆ๋‹ค. ๊ธ€๊ผด์ด ์•„์ง ๋กœ๋“œ๋˜์ง€ ์•Š์•˜์„ ๋•Œ PIXI์—์„œ ํ…์ŠคํŠธ๋ฅผ ๋ Œ๋”๋งํ•˜๋ ค๊ณ  ํ•˜๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

ํ•œ ๊ฐ€์ง€ ์ œ์•ˆ์€ document.font.load API๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ํ˜„์žฌ ๋ธŒ๋ผ์šฐ์ € ์ง€์›์ด ์ œํ•œ๋˜์–ด ์žˆ์ง€๋งŒ ๊ธ€๊ผด์„ ๋ฏธ๋ฆฌ ๋กœ๋“œํ•˜๋Š” ๋ฐ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค. https://developer.mozilla.org/en-US/docs/Web/API/FontFaceSet/load

๋„์›€์ด ๋˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

๋‚˜๋Š” ๊ธ€๊ผด ๋กœ๋”ฉ์— ์ข‹์€ https://github.com/bramstein/fontfaceobserver๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์ฐพ์Šต๋‹ˆ๋‹ค.

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

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