Im Februar wurde die Hardwarebeschleunigung für den 2D-Canvas in Chrome bekannt gegeben. Durch die Beschleunigung wird das Zeichnen von 2D-Sprites sehr schnell, da die Implementierung die GPU für DrawImage verwendet.
In diesem Beispiel siehst du, welche Möglichkeiten die Beschleunigung bietet. In der Demo werden 180 verarbeitete PNG-Sprites mit einer Größe von 256 × 256 auf einem bildschirmfüllenden Canvas gezeichnet. Darauf wird eine N-Körper-Simulation ausgeführt, um die Sprites gegenübereinander anzuheben. Und das alles läuft flüssig mit 30 bis 60 Bildern pro Sekunde auf einem leistungsstarken Laptop.
Bei der Implementierung der Beschleunigung gibt es noch einige Grenzen. In einigen Anwendungsfällen kann es daher zu Leistungseinbußen kommen. Informieren Sie das Chrome-Team über new.crbug.com, damit wir das Problem beheben können.