Profiteren van GPU-versnelling in het 2D-canvas

Ilmari Heikkinen

Het 2D-canvas in Chrome kreeg in februari wat liefde voor hardwareversnelling. De versnelling maakt het tekenen van 2D-sprites erg snel, omdat de implementatie de GPU gebruikt om drawImage uit te voeren.

Je kunt dit voorbeeld bekijken om te zien wat voor soort dingen de versnelling mogelijk maakt. De demo tekent 180 getransformeerde 256x256 PNG-sprites op een canvas met volledig venster en voert er een N-body-simulatie op uit om de sprites naar elkaar toe te laten trekken. En het draait allemaal soepel met 30 tot 60 frames per seconde op een laptop met laag vermogen.

Er zijn nog steeds enkele ruwe kantjes in de implementatie van de versnelling, dus in sommige gevallen kan het zijn dat de prestaties afnemen (laat het het Chrome-team weten via new.crbug.com zodat we deze kunnen oplossen!)