HTML and CSS Reference
In-Depth Information
…
…
<
div
id
="
rightTrees
"
class
="
trees
"></
div
>
<
div
id
="
leftGrass
"
class
="
grass
"></
div
>
<
div
id
="
endSea
"
class
="
sea
"></
div
>
<
div
id
="
endBridge
"
class
="
bridge
"></
div
>
<
div
id
="
boat
"
class
="
isMoored
">
<
div
class
="
meSail
"></
div
>
</
div
>
</
div
>
2
The HTML is not very complicated, and I could have used an
HTML5 canvas
element for this
game, but I felt more comfortable using simple HTML DOM elements.
Basically, we have the main
#wrapper
div, which contains the game's elements, most of which
are represented as div elements (I chose divs because they are easy to manipulate).
Have a
quick look at my game
.
Can you detect what makes up the game view?
3