基于web贪吃蛇游戏的设计与实现.pdf

目录 第一章 概述 1 1.1 游戏的发展历史 1 1.2 游戏的特点 1 1.2 项目开发的目的 1 第二章 游戏开发相关技术 3 2.1 开发工具 3 2.2 HTML 3 2.3 CSS 3 2.4 JS 4 2.5 游戏设计原理 4 2.6 游戏运行的环境 5 第三章 系统详细设计与实现 6 3.1 整体设计的思想 6 3.2 main 6 3.3 游戏功能设计 7 3.4 蛇和食物的设计 7 3.5 设计流程 7 第四章 功能实现 9 4.1 游戏具体过程函数Game() 9 4.2 游戏具体过程界面 9 4.3 创建游戏方块 10 4.4 创建蛇各个部位 11 4.5 创建食物 12 4.6 创建蛇各种情况及处理 13 4.7 创建游戏逻辑及操作方法 17 4.8 前端页面的美化 19 第五章 系统测试 21 5.1 软件测试的目的 21 5.2 测试任务 21 总结 22 参考文献 23 致谢 24 I 第一章 概述 1.1 游戏的发展历史 电脑游戏的诞生几乎是伴随着电脑的产生就开始了。早在60 年代人们还在使 用最原始的大型计算机的时候，就有一小部分的程序员在开始开发一些小的游戏， 只不过在当时，人们却把他们看成是在做有关计算机方面的研究而已。由于当时 硬件和软件条件方面的限制,这些游戏只能为一些比较高层的计算机相关人员所 知晓。 到了 1981 年，也就是 IBM 公司推出了自己的第一款PC 机之后，计算机开始 进入了人们的日常生活当中。在最近的一二十年里，计算机硬件和软件都得到了 前所未有的发展，出现了一-些好的游戏开发平台，人们可以简单快捷地进行游戏 开发，32 位操作系统，高速处理器等硬件的出现，也使游戏设计者不用因顾及一 些其他的因素而不能尽情地投入到游戏开发之中。 到了信息时代的今天，各国都在大力加强自己的软件实力。计算机游戏也成 为了众多软件开发厂商的战略计划之一。 1.2 游戏的特点 游戏作为当前比较流行的一种娱乐方式，它和其他方式相比，有自身的特点 所在。当然，当前来看，其他传统的娱乐方式，比如说:电影，电视，广播等都是 不错的选择，但是这些方式已经越来越不能够满足人们娱乐的高要求。和游戏相 比起来，这些传统的娱乐方式是单方向的，作为观众或者是听众的我们只能是简 单的接受。如同我们平常所说的通信方式-样，它只实现了单工，而不能进行全双 工通信。也就是说，我们只能一味的接收已经是别人做好的信息，而不能充分发 挥自己的才智。我们只能选择用耳朵听，用眼睛看。但是游戏不同，我们在看， 在听的同时，我们还可以自己动手，在游戏的过程中，玩家可以充分发挥自身的 聪敏才智，毫无顾及的施展自己的才华。我们在派遣自己的部队去攻打敌人的时 候，我们需要考虑诸多方面的因素来想办法赢得战斗的胜利，我们可以根据自己 的势力来选择是进攻还是防守。 1.2 项目开发的目的 1 贪吃蛇游戏，因为制作简单，逻辑性较强。贪食蛇游戏是目前各种流行手机 中附带的一.款休闲小游戏。F1ash 是Macromedia 公司发布的制作高压缩性网络 内容的专业标准动画软件。随便打开一一个网页,都能发现 Flash 动画的身影 Flash 动画作品已经充斥整个网络。毫无疑问Flash 已经是制作网络动画的霸主。 透过现象看本质:游戏的制作与Flash 的基础原理密不可分，同时也与制作者的良 好修养密不可分，进而提高本身综合素质的的整体提高! 2 第二章 游戏开发相关技术 2.1 开发工具 Visual Studio Code 是一款十分出色的 ide 开发工具，Visual Studio Code 官方版界面美观大方，功能强劲实用，软件支持中文，拥有丰富的插件，支持 Window