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

Ilmari Heikkinen

지난 2월, Chrome의 2D 캔버스에 하드웨어 가속이 적용되었습니다. 구현이 GPU를 사용하여 drawImage를 실행하기 때문에 가속 덕분에 2D 스프라이트 그리기가 매우 빠르게 이루어집니다.

가속을 통해 어떤 기능이 가능한지 알아보려면 이 예를 참고하세요. 데모는 전체 창 캔버스에 180개의 변환된 256x256 PNG 스프라이트를 그린 다음 N체 시뮬레이션을 실행하여 스프라이트가 서로를 향하게 합니다. 저전력 노트북에서는 이 모든 것이 초당 30~60프레임으로 원활하게 실행됩니다.

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