计算机软件技术实习 项目二 贪吃蛇的游戏开发（游戏界面的设计）2-(3)

目录

一、界面展示

二、代码展示

        1、HTML部分

        2、css部分

三、学到的新东西（html5标签）

---

一、界面展示

        如图所示

        在开始界面的基础上加了游戏界面，有分数计算，还有三个按钮，分别对应重新开始，暂停游戏，和退出游戏

二、代码展示

        1、HTML部分

        （1）重新开始相当于刷新当前界面，所以做一个超链接链接到此界面就好了

        （2）退出游戏，是一个超链接，链接到游戏开始界面

        （3）分数初始化为零，设置id,以便在js代码中实现计分逻辑

        （4）暂停的实现也在js中实现

        （5）注意canvas的使用

<!--游戏界面的设计-->
	<div class='bk'>
		<!--分数-->
		<h1>分数:<span id="score">0</span></h1>
		<!--用canvas画出背景-->
		<canv