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 2D-Canvas-Technologie in Chrome durch Hardwarebeschleunigung optimiert. Durch die Beschleunigung ist das Zeichnen von 2D-Sprites sehr schnell, da die Implementierung die GPU für drawImage verwendet.
In diesem Beispiel sehen Sie, was mit der Beschleunigung möglich ist. In der Demo werden 180 transformierte PNG-Sprites mit einer Größe von 256 x 256 Pixeln auf einem Vollfenster-Canvas gezeichnet und eine N-Körper-Simulation darauf ausgeführt, damit sich die Sprites gegenseitig anziehen. Und das alles läuft auf einem leistungsschwachen Laptop flüssig mit 30 bis 60 Frames pro Sekunde.
Die Beschleunigung ist noch nicht perfekt implementiert. Daher kann es in einigen Fällen zu Leistungseinbußen kommen. Bitte 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)."],[],[]]
