HTML and CSS Reference
In-Depth Information
Prerequisite
Before you begin, download the topic's complementary files from
ht-
tp://www.manning.com/crowther2/
.
Also, test-drive the game at
http://html5inaction.com/
app/ch6/
to see all of its cool features in action.
Each drawing you create is layered on a simple graph system inside the
<canvas>
tag, as
shown in
figure6.3
. At first glance, the graph appears to be a normal Cartesian graph. Upon
further investigation, you'll notice that the starting point is located in the top-left corner.
Another difference is that the y-axis increases while moving downward, instead of incre-
menting upward.