GPU-Beschleunigung im 2D-Canvas nutzen
bookmark_borderbookmark
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
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.
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers. Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2012-07-04 (UTC).
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2012-07-04 (UTC)."],[],[]]