HTML and CSS Reference
Placing the tiles and grid in the
We created the layers' foundaion in the last task. The city layer was empty. In this task,
we focus on the city layer where we put iles and buildings.
Prepare for lift off
First, we will draw some graphics for the isometric city. Any graphic editor should work.
To draw a loor ile, we use the steps shown in the following igure:
1. Draw a square shape.
2. Rotate it by 45 degrees to form a diamond shape.
3. Set the current verical diagonal of the resuling rhombus to 50 percent of the width.
The resuling graphic is our base loor and we can start drawing buildings on top of it.
Besides the ile graphic, we also put the city-bg.png file in the images folder, as shown
in the following screenshot: