HTML and CSS Reference
In-Depth Information
Figure 7.6. Nothing makes people rage quite like getting powned by an SVG alien. Game Over screens are a great
way to encourage players to develop addictive behaviors (such as playing repeatedly).
Use the following listing to replace
<g id="screenGameover"></g>
right after
<g
id="screenWelcome"></g>
. It uses all the same tags and attributes used to create
your Welcome screen. Therefore, its code content should be straightforward.
Listing 7.7. index.html—Game Over screen
<g id="screenGameover">
<text id
=
"goTitle"
x=
"110"
y=
"199"
>
GAME OVER
</text>
<text id
=
"retry"
x=
"165"
y=
"224"
>
Click To Retry
</text>