Ich implementiere ein HTML5-Spiel mit Canvas. Jetzt denke ich darüber nach, alle Text-Overlays wie Tooltips, Sprechblasen, Infofenster und so weiter mit HTML-Elementen mit Position absolut über die Leinwand zu machen. So kann ich viele Effekte und Übergänge nutzen, die CSS3 bietet.
Aber ich bin mir nicht sicher, was die Leistung angeht. Diese Overlays müssen häufig hinzugefügt und entfernt werden (ist etwas MMORPG-ähnliches, also wird es eine Menge Sprachblasen und so weiter geben).
Es gibt wahrscheinlich 2 Fragen zur Leistung:
-
DOM-Traversal zum Hinzufügen/Entfernen. Vielleicht kann ein Cache helfen?
-
HTML und CSS3 selbst.
Die andere Möglichkeit besteht darin, diese Elemente im Canvas selbst zu verwalten und sie bei jedem Bild zu zeichnen. Aber vielleicht habe ich dann wieder eine Leistungseinbuße, wegen der zusätzlichen Code, Timeouts und Sachen, die ich hinzufügen müsste, um ähnliche Effekte wie in CSS3 zu erreichen. Und Traversal von einigen Datenstruktur wäre sowieso erforderlich.
Irgendwelche Ratschläge, Meinungen, Erfahrungen?
Vielen Dank im Voraus.
