프로그래밍/Pixi.js7
PIXI.Graphics GPU 최적화
PIXI.Graphics 은 도형을 그릴 수 있는 클래스이다. 캔버스 화면에 렌더링 되는 요소이기에 사용함에 있어서 성능을 고려해야 한다. 그래서 몇가지 방법으로 GPU 성능 테스트를 해보았다. 테스트 방법 테스트 방법은 간단하다. 가로 세로 100픽셀인 사각형 10,000개를 화면에 그릴 것이다. 그려지는 위치는 모두 동일하다. 결과는 아래 이미지 처럼 나오게 된다. [테스트 1] 그래픽 객체를 10,000개 생성해서 그리기 사각형을 그리는 그래픽 객체를 개별로 10,000개를 생성해서 배치한다. import * as PIXI from 'pixi.js'; export default class Exam_0 extends PIXI.Container { constructor() { super(); this...
