Images on the Canvas - HTML5 Canvas - page 257

32,26,1,1,26,1,1,26,1,32,
32,1,1,1,26,26,1,26,1,32,
32,1,1,26,1,1,1,26,1,32,
32,1,1,1,1,1,1,26,1,32,
1,1,26,1,26,1,26,1,1,1,
32,1,1,1,1,1,1,1,1,32,
32,31,31,31,1,31,31,31,31,32
</data> </data>

</layer>

</layer>
</map>

</map>

The data is an XML data set used to load and save tile maps. Because of the open nature of
this format and the simple sets of row data for the tile map, we can use this data easily in
JavaScript. For now, we are concerned only with the 10 rows of comma-delimited numbers
inside the <data> node ofthe XML—we can take those rowsofdata and create a very simple
two-dimensional array to use in our code.