2D 캔버스에서 GPU 가속 활용

Ilmari Heikkinen

Chrome의 2D 캔버스는 지난 2월에 하드웨어 가속을 지원하게 되었습니다. 구현에서 GPU를 사용하여 drawImage를 실행하므로 가속을 사용하면 2D 스프라이트를 매우 빠르게 그릴 수 있습니다.

가속을 통해 어떤 작업을 할 수 있는지 알아보려면 이 예시를 확인하세요. 이 데모에서는 전체 창 캔버스에 변환된 256x256 PNG 스프라이트 180개를 그리고 N-body 시뮬레이션을 실행하여 스프라이트가 서로 끌어당기도록 합니다. 저전력 노트북에서도 초당 30~60프레임으로 원활하게 실행됩니다.

가속 구현에는 아직 미흡한 부분이 있으므로 일부 사용 사례에서 성능이 저하될 수 있습니다. 문제를 해결할 수 있도록 new.crbug.com을 통해 Chrome팀에 알려주세요.