GPU-Beschleunigung im 2D-Canvas nutzen

Ilmari Heikkinen

Das 2D-Canvas in Chrome wurde im Februar von einigen Funktionen zur Hardwarebeschleunigung begeistert. Die Beschleunigung macht das Zeichnen von 2D-Sprites sehr schnell, da die Implementierung die GPU für „drawImage“ verwendet.

In diesem Beispiel sehen Sie, was die Beschleunigung bewirkt. In der Demo werden 180-transformierte 256 x 256 PNG-Sprites auf eine Vollbild-Canvas gezeichnet und eine N-Körper-Simulation auf ihnen ausgeführt, damit die Sprites zueinander angezogen werden. Und auf einem energieeffizienten Laptop läuft alles reibungslos mit 30 bis 60 Bildern pro Sekunde.

Bei der Implementierung der Beschleunigung gibt es noch einige Unregelmäßigkeiten, sodass es in einigen Anwendungsfällen zu Leistungseinbußen kommen kann. Informieren Sie das Chrome-Team unter new.crbug.com, damit wir die Probleme beheben können.