1、新建html文档。
2、书写hmtl代码。
<table cellpadding="0" border="0" cellspacing="0" frame="void">
<tr>
<td valign="top">
<canvas align="left" id="theCanvas
<H2 align="center">
Firefox, Opera, Chrome or other HTML5 compliant browser required.
<br>
</H2>
<H3>
<p align="center">
This site requires a modern browser for graphics and sound effects.
<br><br>
A compliant browser can be downloaded from any of the following sites:
<br>
<a href="#">Firefox</a>
<br>
<a href="#">Oper</a><br>
<a href="#">Che</a>
</H3>
</canvas>
</td>
<tr>
<table>
3、书写css代码。
<style type="text/css">
canvas { border: 1px solid black; }
#dbg {
font-family: "Helvetica", cursive, sans-serif;
border: 1px solid black;
width: 600;
}
body {
background:#000;
color:white;
font-family: Arial,Helvetica,Sans-serif;
}
a {
color: #009de9;
outline: none;
}
a:hover {
text-decoration: none;
}
</style>
4、书写并添加js代码。
<script src="js/Powerup.js"> </script>
<script src="js/Shot.js"> </script>
<script src="js/EnemyShot.js"> </script>
<script src="js/Ship.js"> </script>
5、代码整体结构。
6、查看效果。
