1. 引入CSS
<link rel="stylesheet" type="text/css" href="css/style.css">
2. 引入JS
<script type="text/javascript" src="js/square.js"></script> <script type="text/javascript" src="js/squareFactory.js"></script> <script type="text/javascript" src="js/game.js"></script> <script type="text/javascript" src="js/local.js"></script> <script type="text/javascript" src="js/script.js"></script>
3. HTML代码
<div class="game" id="game"></div> <div class="gameOver" id="gameOver"> <p>游戏结束啦</p> </div> <div class="info"> <div class="next" id="next"></div> <div class="time"> <p>已用时: <span id="time">0</span>s</p> <p>已得分: <span id="recode">0</span>分</p> </div> </div> <div class="tips"> <p>游戏注释:</p> <p>用键盘控制方块的下落和变形</p> <p>↑:变形</p> <p>←:左移</p> <p>↓:下移(有自定义的下落速度)</p> <p>→:右移</p> <p>空格:速降(会直接到达最下层)</p> </div> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> </div>