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

일마리 헤익키넨

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

가속 기능을 통해 사용할 수 있는 항목의 종류에 관해서는 이 예를 참고하세요. 데모에서는 180개의 변환된 256x256 PNG 스프라이트를 전체 창 캔버스에 그리고 이 캔버스에서 N바디 시뮬레이션을 실행하여 스프라이트가 서로에게 중력을 가하도록 합니다. 또한 저전력 노트북에서는 30~60fps의 속도로 매끄럽게 실행됩니다.

가속 구현에는 여전히 미묘한 부분이 있으므로 사용 사례에서 성능이 저하될 수 있습니다. Google에서 해결할 수 있도록 new.crbug.com을 통해 Chrome팀에 알려주세요.