HTML5 als Designwerkzeug - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 199

4
Abbildung 4.56 Die Zeichen-App mit dickerer Strichstärke,
automatischer Formvervollständigung und Füllfarbe
4.5.4 In der Praxis - Canvas oder CSS?
Nachdem Sie nun einiges über das Zeichnen mit dem canvas -Element gelernt haben,
drängt sich die Frage auf, wann es Sinn macht, dieses zu verwenden, und wann Sie auf
CSS zurückgreifen sollten.
Generell ist das Erstellen komplexer Inhalte auf der Canvas immer mit einer ganzen
Menge an JavaScript-Code verbunden. Interaktionen sind, wie Sie wahrscheinlich
schon gemerkt haben, etwas komplizierter zu handhaben als mit HTML-Buttons bzw.
Links. Versuchen Sie deswegen Inhalte semantisch in HTML zu strukturieren und mit
CSS zu gestalten. Es gibt jedoch einige Anwendungsfälle, in denen es durchaus sinn-
voll ist, die Canvas zu verwenden:
Spiele
In den letzten Jahren haben sich immer mehr Browserspiele etabliert, die ohne Flash
auskommen und auf mobilen Geräten funktionieren. Da die Darstellung von Spiel-
feld und Spiellogik häufig zu komplex ist, um sie mit CSS darzustellen, hat sich die
Verwendung der Canvas bereits etabliert. Alle großen Spielehersteller experimentie-
ren mit Game-Engines, die bekannte 3D-Spiele mit JavaScript auf die Canvas bringen.