프로그래밍/Pixi.js7
Pixi.js 텍스트 렌더링
Pixi.js 는 화면에 글씨를 렌더링 할 수 있는 Text 클래스가 있다. 사용법은 어렵지 않다. 다만 예상과 다르게 동작하는 옵션들이 있긴 하다. 직접 코딩하면서 확인해 본다. 기본 코딩 PIXI.Text는 캔버스에 쉽게 텍스트를 드로잉 해주는 API이다. 사용법은 아래와 같이 new(텍스트, 스타일)로 생성할 수 있다. 스타일은 생략이 가능하다. 캔버스에 텍스트를 드로잉을 한 것 이기에 폰트가 아닌 이미지이다. fontFamily가 적용되면 CSS 폰트 적용과 동일하게 사전에 해당 폰트가 로드 되어 있어야 한다. const style = new PIXI.TextStyle({ fontFamily: "s-core-dream-bold", fontSize: 60, fill: "#000000", }); co..