Tirer parti de l'accélération du GPU dans le canevas 2D
bookmark_borderbookmark
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
En février, le canevas 2D de Chrome a bénéficié de l'accélération matérielle. L'accélération permet de dessiner des sprites 2D très rapidement, car l'implémentation utilise le GPU pour effectuer drawImage.
Vous pouvez consulter cet exemple pour découvrir les types de choses que l'accélération permet. La démo dessine 180 sprites PNG 256 x 256 transformés sur un canevas plein écran et exécute une simulation N-corps sur eux pour les faire graviter les uns vers les autres. Le tout fonctionne sans problème à 30 à 60 images par seconde sur un ordinateur portable peu puissant.
L'implémentation de l'accélération présente encore quelques aspérités. Vous constaterez peut-être une dégradation des performances dans certains cas d'utilisation. Veuillez en informer l'équipe Chrome via new.crbug.com afin que nous puissions les corriger.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2012/07/04 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2012/07/04 (UTC)."],[],[]]