HTML and CSS Reference
In-Depth Information
users play a game of Canvas Ricochet, destroying footer elements once they've initiated
the game.
Although you did play with many Canvas features, we've barely delved into its capabil-
ities. For instance, you could animate a small film, which will become more possible as
Canvas's GUI tools become available. In the meantime, you can make pages react to mouse
position location or activate animation sequences based on mouse clicks or hover.
2D Canvas games can be fun to make, but they aren't exactly generating record sales. In ad-
dition, most HTML5 Canvas game startups haven't been successful. If in-browser applic-
ation developers wants to compete with native desktop applications (games and anything
else), better libraries and processing power are necessary. On the other hand, Canvas-based
2D applications can be cheap to produce and widely accessible. The only problem with
these applications is that they don't scale well to various screen sizes without additional
programming, although Canvas's 3D context from WebGL gives it the ability to do so. If
you want a simple and effective way to scale 2D graphics for any device's size, you may
want to consider SVG. It has an incredibly large set of features and puts Canvas to shame
for graphic creation. And we're going to explore it in more detail next.
