프로그래밍/Pixi.js7
PIXI.Assets 로드된 이미지에서 특정 영역만 렌더링하기
이미지 리소스는 여러장을 로드하기 보다는 여러 이미지를 하나의 이미지로 합쳐서 사용하는 것이 성능 및 유지보수 측면에서 효과적이다. 대표적인 이런 방식을 스프라이트 시트(sprite sheet) 또는 텍스처 아틀라스(texture atlas)라고 한다. 이 방식은 보통 JSON 파일에 이미지의 위치, 크기 정보를 가지고 있어서 색인으로 편리하게 각 이미지를 렌더링 할 수 있다. 하지만 항상 위 방식대로 작업 환경이 되는건 아니다. 개발자는 이미지에서 직접 각 부분을 가져다 써야 되는 경우도 있다. 아래 abc_tile.png 이미지는 300x300 크기에 각 알파벳 영역은 100x100 크기다. 이 이미지에서 A, E, I 부분만 따로 렌더링을 해본다. baseTexture 로드된 텍스처에는 baseTe..
