html5课程论文-基于html5的贪吃蛇游戏_本科论文
贪吃蛇毕业论文
创作编号：GB8878185555334563BT9125XW创作者：凤呜大王*目录一．功能描述............................................................................................................................... ２二．基本原理............................................................................................................................... ２三、设计的具体实现............................................................................................................... ３（1）函数定义..................................................................................................................................... ３（2）主函数main( ) ............................................................................................................................ ４（3）画界面函数DrawK( ) ................................................................................................................ ５（4）游戏具体过程函数GamePlay（） ......................................................................................... ５（5）游戏结束函数GameOver（） ................................................................................................ ９四、调试及解决方法........................................................................................................... １０五、测试结果........................................................................................................................... １０六、设计心得体会 ................................................................................................................ １２七、参考文献........................................................................................................................... １２八、源代码 (14)一．功能描述基本功能：开始蛇向右方移动。
毕业设计(论文)-贪吃蛇游戏的设计
本科毕业论文（设计）(2015届)贪吃蛇游戏的设计院 系 电子信息工程学院专 业 电气工程及其自动化姓 名指导教师 副教授2015年4月摘要本篇论文主要是设计并且着手致力于实现一种基于51单片机的经典的贪吃蛇游戏，主要是研究该游戏的硬件电路和软件编程的设计，同时也简单介绍了应该如何使用Proteus软件进行仿真。
借助仿真软件进行实验测试，可以基本实现游戏一些简单的基本功能。
直至现在，大家都知道且明白了51系列的单片机技术相对而言比较成熟，功能也十分强大，应用较为广泛。
将单片机作为本设计的控制核心，能够使硬件电路大大地简化，用软件来编程控制单片机，来加以实现硬件电路的功能，可以降低能耗，同时也节约成本。
选用C语言编程，比较方便灵活，极大地加快了软件开发的速度，使开发周期缩短了，同时方便移植。
本篇论文比较详细的的介绍了各种硬件的基本特性，贪吃蛇游戏实现的基本功能与详细设计，软件设计的具体说明，每一个模块的细节要求，还有一些功能模块的程序流程图和关键部分代码的详细讲解等。
关键词：Proteus软件仿真；51单片机；Keil；贪吃蛇；LED点阵屏AbstractThis paper is mainly committed to the design and begin a 51 microcontroller based on the classic Snake game, is to study the hardware circuit design and software programming of the game, but also a brief introduction to how to use Proteus simulation software . With simulation software experimental tests, the basic realization of the game can be some simple basic functions. Until now, we all know and understand the 51 series of single-chip technology is relatively mature, the function is also very powerful, is widely used. The microcontroller as control core of this design, enabling greatly simplify the hardware circuit with microcontroller programming control software, hardware circuitry to be functional, you can reduce energy consumption, but also cost savings. Selection of the C programming language, more convenient and flexible, which greatly accelerated the pace of software development, shorten the development cycle, while convenient for transplant. This paper a more detailed introduction to the basic characteristics of various hardware realization of the basic functions of the Snake game with detailed design, software design, specify the details of the requirements of each module, there are some functional modules of the program flow chart and explain in detail the critical parts of the code and so on.Keywords:Proteus software simulation;51 microcontroller;Keil;Snake;LED lattice;目录摘要 (I)Abstract (II)目录 (Ⅲ)1 绪论 (1)1.1研究背景及意义 (1)1.2单片机发展状况 (1)1.3 LED发展状况 (2)1.4 设计特点 (3)2 系统总体设计 (3)2.1设计要求 (3)2.2 系统设计方案 (4)2.2.1硬件设计 (4)2.2.2软件设计 (4)3系统硬件设计 (4)3.18*8LED点阵的原理说明 (4)3.2 LED阵列驱动电路 (4)4系统软件设计 (5)4.1系统主要模块介绍 (5)4.1.1 主函数模块 (6)4.1.2 按键模块 (6)4.1.3 蛇运动控制模块 (6)4.2主程序工作流程 (6)4.3 游戏设计思想 (7)4.4 LED点阵初始化 (8)4.5 贪吃蛇的移动 (9)4.6 食物的随机出现 (9)5联调与测试 (9)5.1软件调试 (9)5.2硬件调试 (10)结论与展望 (13)致谢 (14)参考文献 (15)附录A：系统原理图 (16)附录B：系统PCB图 (17)附录C：系统仿真图 (18)附录D：系统实物图 (18)附录E：系统源程序 (20)1 绪论1.1研究背景及意义时代在不断的进步，人们的生活节奏也因此不断加快，越来越多的人加入了经济化全球化的世界。
贪吃蛇小游戏设计大学本科毕业论文
1.1.导论导论随着移动通信的发展以及互联网向移动终端的普及，网络和用户对移动终端的要求越来越高，而Symbian Symbian，，Windows Mobile，PalmOS 等手机平台过于封闭，不能很好的满足用户的需求，因此市场迫切需要一个开放性很强的平台。
经过多年的发展，第三代数字通信第三代数字通信(3G)(3G)(3G)技术获得了广泛的接受，技术获得了广泛的接受，它为移动终端用户带来了更快的数据传输速率。
随着3G 网络的使用，移动终端不再仅是通讯网络的终端，还将成为互联网的终端。
端，还将成为互联网的终端。
因此，因此，因此，移动终端的应用软件和需要的服务将会有很移动终端的应用软件和需要的服务将会有很大的发展空间。
大的发展空间。
Google Google 为此于2007年11月推出了一个专为移动设备设计的软件平台——件平台——Android Android Android。
Android 是一套真正意义上的开放性的移动设备综合平台，它包括操作系统、中间件和一些关键的平台应用。
它包括操作系统、中间件和一些关键的平台应用。
Android Android 是由Linux+Java 构成的开源软件，允许所有厂商和个人在其基础上进行开发。
成的开源软件，允许所有厂商和个人在其基础上进行开发。
Android Android 平台的开放性等特点既能促进技术性等特点既能促进技术((包括平台自身包括平台自身))的创新，又有助于降低开发成本，还可以使运营商能非常方便地制定自己的特色化的产品。
因此，它具有很大的市场发展潜力。
潜力。
1.1 Android 简介1.1.1 Android 的发展Android 一词本意是指“机器人”，同时也指Google 于2007年11月5日推出的开源手机操作系统。
推出的开源手机操作系统。
Android Android 基于Linux 平台，由操作系统、中间件、用户界面和应用软件组成，号称是首个为移动终端打造的真正开放和完整的移动软件。
html5课程论文-基于html5的贪吃蛇游戏
HTML5课程设计题目：基于html5的贪吃蛇游戏学院：__商学院___________专业：__ 信息管理与信息系统**：**指导教师：田更2015年6月10日摘要随着互联网技术的不断发展和计算机性能的不断提升，用户享受互联网的方式也开始不断的变化，越来越多的应用可以直接以浏览器打开的方式使用，数据则是存储在云端，更加的安全可靠，方便用户共享数据。
在各种应用不断的趋于更加网络话的同时，一种新的技术标准也随之产生，那就是HTML5（HTML是一种标记语言也是一种标准，互联网开发居于此）。
HTML5是近十年来Web（互联网）标准最巨大的飞跃，和以前的版本不同，HTML5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图象和动画，以及同电脑的交互都被标准化。
也就是说HTML5是通过开放的技术和标准来实现一个无插件模式的富客户端，这个客户端可以在移动终端、PC（个人计算机）或者其他可以有网络的地方轻松的运行。
所以此时研究HTML5，并且大胆的实践有着重要的意义。
课题内容是使用HTML5技术基于Web的环境来制作一个网络版的“坦克大战”游戏应用，该游戏使用了HTML5中的Canvas（画布）、WebSocket（HTML5中最新使用的一种网络连接协议，用于实时通讯）、Audio（HTML5中控制声音的技术）等最新的技术。
目前HTML5标准尚未成熟，很多地方仍在变动，API（应用程序接口）仍不是很稳定，所以还无法真正的完全商用或者全部普及开，但这并不会影响我们来研究它。
服务器端采用的Nodejs（一种Javascript程序语言框架，可以在服务器端运行Javascript语言）这种新型的框架来开发，Nodejs使用Javascript语言来开发，使整个应用从客户端到服务器端编程都是使用Javascript，大大的减少学习成本和开发成本，并且Nodejs性能强大，有很大的研究价值。
html5实现贪吃蛇源代码
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><style type="text/css">#myCanvas{border:1px solid #f00;}</style></head><body><input type="button" value="开始游戏" onclick="beginGame();" /> <canvas id="myCanvas" width="450" height="450"></canvas></body><script type="text/javascript">var canvas = document.getElementById("myCanvas");var ctx = canvas.getContext("2d");var w = 15;//格子宽、高var snaLen = 6; //初始长度var snake = []; //身体长度for(var i = 0; i < snaLen; i++){snake[i] = new cell(i , 0 , 39);}var head = snake[snaLen - 1]; //头部//初始食物var foodx = Math.ceil(Math.random() * 28 + 1);var foody = Math.ceil(Math.random() * 28 + 1);var food = new Food(foodx , foody);//食物function Food(x , y){this.x = x;this.y = y;return this;}//身体function cell(x , y , d){this.x = x;this.y = y;this.d = d;return this;}//动作function draw(){ctx.clearRect(0,0,450,450);//画布局// for(var i = 0; i < 30; i++){// ctx.strokeStyle = "#ccc";//线条颜色// ctx.beginPath();// ctx.moveTo(0,i*w);// ctx.lineTo(450,i*w);// ctx.moveTo(i*w,0);// ctx.lineTo(i*w,450);// ctx.closePath();// ctx.stroke();// }//画蛇身for(var j = 0; j < snake.length; j++){ctx.fillStyle = "black";if(j == snake.length - 1){ctx.fillStyle = "red";}ctx.beginPath();ctx.rect(snake[j].x*w , snake[j].y*w , w , w);ctx.closePath();ctx.fill();ctx.stroke();}//出现食物drawFood();//吃到食物if(head.x == food.x && head.y == food.y){initFood();food = new Food(foodx , foody);//重新出现食物drawFood();//增加蛇的长度有些小瑕疵，蛇身增长时应该是身体增长，而不是在蛇头上增长var newCell = new cell(head.x , head.y , head.d);switch(head.d){case 40 : newCell.y++ ; break;//下case 39 : newCell.x++ ; break;//右case 38 : newCell.y-- ; break;//上case 37 : newCell.x-- ; break;//左}snake[snake.length] = newCell;head = newCell;//head =}}//随机初始化食物function initFood(){foodx = Math.ceil(Math.random() * 28 + 1);foody = Math.ceil(Math.random() * 28 + 1);for(var i = 0; i < snake.length; i++){if(snake[i].x == foodx && snake[i].y == foody){initFood();}}}//画食物function drawFood(){//绘制食物ctx.fillStyle = "blue";ctx.beginPath();ctx.rect(food.x * w , food.y * w , w , w);ctx.closePath();ctx.fill();}draw();//监听键盘事件document.onkeydown = function(e){//下40 ，右边39，左边37，上38 键盘事件var keyCode = e.keyCode;if(head.d - keyCode != 2 && head.d - keyCode != -2 && keyCode >=37 && keyCode <=40){moveSnake(keyCode);}}//控制蛇移动方向function moveSnake(keyCode){var newSnake = [];var newCell = new cell(head.x , head.y , head.d);//头//身体for(var i = 1; i < snake.length ; i++){newSnake[i - 1] = snake[i];}newSnake[snake.length - 1] = newCell;newCell.d = keyCode;switch(keyCode){case 40 : newCell.y++ ; break;//下case 39 : newCell.x++ ; break;//右case 38 : newCell.y-- ; break;//上case 37 : newCell.x-- ; break;//左}snake = newSnake;head = snake[snake.length - 1];checkDeath();draw();}//游戏规则function checkDeath(){//超出边框if(head.x >= 30 || head.y>= 30 || head.x < 0 || head.y < 0){alert("Game over!");window.location.reload();}//咬到自己for(var i = 0 ; i < snake.length - 1 ; i++){if(head.x == snake[i].x && head.y == snake[i].y){alert("Game over!");window.location.reload();}}}//蛇自动走function moveClock(){moveSnake(head.d);}function beginGame(){setInterval(moveClock,600);}</script></html>。
贪吃蛇课程设计论文c
贪吃蛇课程设计论文c一、教学目标本课程的教学目标是使学生掌握贪吃蛇的基本概念、算法和编程技巧。
具体包括：1.知识目标：学生能够理解贪吃蛇游戏的原理和基本算法，了解其背后的数学和计算机科学知识。
2.技能目标：学生能够使用编程语言实现一个简单的贪吃蛇游戏，能够对游戏进行调试和优化。
3.情感态度价值观目标：通过学习贪吃蛇，学生能够培养对计算机科学的兴趣和热情，提高自我学习和解决问题的能力。
二、教学内容本课程的教学内容主要包括贪吃蛇的基本概念、算法和编程实现。
具体包括：1.贪吃蛇的基本概念：介绍贪吃蛇游戏的起源、规则和特点。
2.贪吃蛇的算法：讲解贪吃蛇游戏的算法原理，包括蛇的移动、食物的生成和碰撞检测等。
3.贪吃蛇的编程实现：通过编程语言实现一个简单的贪吃蛇游戏，包括游戏循环、用户输入和游戏逻辑等。
三、教学方法本课程的教学方法主要包括讲授法、讨论法和实验法。
具体包括：1.讲授法：通过讲解贪吃蛇的基本概念和算法，使学生掌握相关知识。
2.讨论法：通过分组讨论和分享，引导学生深入思考和探索贪吃蛇游戏的实现方法。
3.实验法：通过编程实践，使学生亲手实现一个简单的贪吃蛇游戏，提高其编程能力和问题解决能力。
四、教学资源本课程的教学资源包括教材、参考书、多媒体资料和实验设备。
具体包括：1.教材：提供相关章节的学习资料，包括贪吃蛇的基本概念、算法和编程实现。
2.参考书：提供更深入的计算机科学知识和编程技巧，供学生自主学习和参考。
3.多媒体资料：通过视频、动画等形式，生动展示贪吃蛇游戏的原理和实现过程。
4.实验设备：提供计算机和编程环境，让学生能够实际操作和实验贪吃蛇游戏的编程实现。
五、教学评估本课程的评估方式包括平时表现、作业和考试三个部分，以保证评估的客观性和公正性。
1.平时表现：通过观察学生在课堂上的参与度、提问和回答问题的情况，评估学生的学习态度和理解程度。
2.作业：布置相关的编程练习，评估学生的编程能力和对贪吃蛇知识的理解。
贪吃蛇毕业设计论文
贪吃蛇毕业设计论文贪吃蛇毕业设计论文在计算机科学领域中，贪吃蛇游戏是一个经典的案例，用于教授和研究各种算法和数据结构。
它是一款简单而又富有挑战性的游戏，玩家通过控制一条蛇的移动，吃掉食物，同时避免碰到自己的身体或边界。
贪吃蛇游戏的设计和实现涉及到许多计算机科学的基本概念和技术，包括图形绘制、用户输入、碰撞检测等等。
本篇论文将探讨贪吃蛇游戏的设计和实现过程，并介绍一些有趣的扩展功能和算法。
首先，我们将讨论游戏的基本设计思路和目标。
其次，我们将介绍游戏的图形界面和用户交互。
最后，我们将探讨一些扩展功能和算法，例如自动寻路和难度调节。
首先，我们需要明确贪吃蛇游戏的设计目标。
贪吃蛇游戏的核心目标是让玩家蛇吃到尽可能多的食物，同时避免碰到自己的身体或边界。
为了达到这个目标，我们需要设计一个直观而又富有挑战性的游戏界面，并提供简单而又灵活的用户交互方式。
其次，我们需要实现游戏的图形界面和用户交互。
在贪吃蛇游戏中，我们通常使用一个二维的网格来表示游戏界面，每个格子可以是空白、蛇身或食物。
我们可以使用图形库来绘制这个网格，并实现蛇的移动和食物的生成。
同时，我们还需要处理用户的输入，例如通过键盘控制蛇的移动方向。
接下来，我们可以考虑一些有趣的扩展功能和算法。
一个常见的扩展功能是增加难度调节，使得游戏可以逐渐变得更加困难。
我们可以通过增加蛇的移动速度、减少食物的生成频率等方式来实现难度调节。
另一个有趣的扩展功能是自动寻路算法，可以让蛇自动找到最优的吃食物路径。
这可以通过使用搜索算法，例如广度优先搜索或A*算法来实现。
在设计和实现贪吃蛇游戏的过程中，我们还需要考虑一些性能优化和错误处理的问题。
例如，当蛇碰到自己的身体或边界时，游戏应该结束并显示得分。
此外，我们还需要考虑如何处理大规模的游戏界面和复杂的用户输入，以确保游戏的性能和可靠性。
综上所述，贪吃蛇游戏是一个经典的案例，用于教授和研究各种算法和数据结构。
在设计和实现贪吃蛇游戏的过程中，我们需要考虑游戏的基本设计思路和目标，实现游戏的图形界面和用户交互，并探讨一些有趣的扩展功能和算法。
贪吃蛇实验报告论文
注意一下：为了防止编译时文件拷贝到其他文件盘的根目录下导致使用绝对位置而打不开文件，所以贴图和背景音乐都使用的是相对位置。
学生资源提供了一个
backmusic.wma的文件：
2.
将蛇身体转化为行列坐标，每个节点为20X20：
遍历输出蛇身体，默认为红色，蛇头居中加一个黄色的圆圈作为眼睛：
tail=(snake*)malloc(sizeof(snake));
tail->left=startCol*20;
tail->top=(startRow+i+1)*20;
tail->right=(startCol+1)*20;
tail->bottom=(startRow+i+2)*20;
p->next=tail;
for(i=0;i<ROWS;i++)
{
left=X;
right=left+20;
for(j=0;j<COLS;j++)
{
if(map[i][j]==1&&i==0)
{
putimage(left,top,&imgtop);
}
if(map[i][j]==1&&i==(ROWS-1))
{
putimage(left,top,&imgbottom);
inty=(p->top+p->bottom)/2;
setfillcolor(YELLOW);
fillcircle(x,y,2);
}
p=p->next;
}
html5开发移动端贪吃蛇游戏
学习H5开发怎能不会Canvas ! Canvas顾名思义是定义在浏览器上画布，但Canvas不仅仅是一个元素，它更是一套编程的接口，它的出现已然超过了Web 基于文档的设计初衷。
利用它你可以开发出很多梦寐以求的内容，让编程工作者彻底释放自己的创造力！
公开课QQ群：149135489
这款html5“贪食蛇”游戏适合刚入手游戏开发的同学，或是想学习html5 API 的同学。
本课程将带领你玩转Canvas，通过一个清新美好的小游戏，帮助你熟悉游戏开发流程。
听起来有点儿小激动呢！！！
本课程主要内容包括游戏逻辑分析、JS面向对象编程实战运用、游戏代码实现及优化，每个步骤都带领大家进行代码断点演示。
基于HTML5的贪吃蛇游戏设计与实现
基于HTML5的贪吃蛇游戏设计与实现
施瑶
【期刊名称】《福建电脑》
【年(卷),期】2018(034)007
【摘要】HTML5作为目前最热门的互联网应用开发技术之一,具有丰富的多媒体支持和强大的跨平台能力.本文采用HTML5的相关技术进行贪吃蛇游戏的开发,主要使用Canvas元素及其API进行图形绘制,JavaScript脚本实现游戏的主要功能.【总页数】2页(P118-119)
【作者】施瑶
【作者单位】江苏商贸职业学院江苏南通 226000
【正文语种】中文
【相关文献】
1.基于FPGA的点阵贪吃蛇游戏的设计与实现 [J], 王明钊;陈龙
2.基于J2ME的贪吃蛇游戏设计与实现 [J], 林昊南
3.基于Qt的贪吃蛇游戏设计与实现 [J], 成丽君;张宇波;
4.基于Android贪吃蛇游戏的设计与实现 [J], 陈羽修
5.基于FPGA的贪吃蛇游戏设计与实现 [J], 李营;吕兆承;陈帅;权循忠
因版权原因，仅展示原文概要，查看原文内容请购买。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
HTML5课程设计题目：基于html5的贪吃蛇游戏学院：__商学院___________专业：__ 信息管理与信息系统**：**指导教师：田更2015年6月10日摘要随着互联网技术的不断发展和计算机性能的不断提升，用户享受互联网的方式也开始不断的变化，越来越多的应用可以直接以浏览器打开的方式使用，数据则是存储在云端，更加的安全可靠，方便用户共享数据。
在各种应用不断的趋于更加网络话的同时，一种新的技术标准也随之产生，那就是HTML5（HTML是一种标记语言也是一种标准，互联网开发居于此）。
HTML5是近十年来Web（互联网）标准最巨大的飞跃，和以前的版本不同，HTML5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图象和动画，以及同电脑的交互都被标准化。
也就是说HTML5是通过开放的技术和标准来实现一个无插件模式的富客户端，这个客户端可以在移动终端、PC（个人计算机）或者其他可以有网络的地方轻松的运行。
所以此时研究HTML5，并且大胆的实践有着重要的意义。
课题内容是使用HTML5技术基于Web的环境来制作一个网络版的“坦克大战”游戏应用，该游戏使用了HTML5中的Canvas（画布）、WebSocket（HTML5中最新使用的一种网络连接协议，用于实时通讯）、Audio（HTML5中控制声音的技术）等最新的技术。
目前HTML5标准尚未成熟，很多地方仍在变动，API（应用程序接口）仍不是很稳定，所以还无法真正的完全商用或者全部普及开，但这并不会影响我们来研究它。
服务器端采用的Nodejs（一种Javascript程序语言框架，可以在服务器端运行Javascript语言）这种新型的框架来开发，Nodejs使用Javascript语言来开发，使整个应用从客户端到服务器端编程都是使用Javascript，大大的减少学习成本和开发成本，并且Nodejs性能强大，有很大的研究价值。
目录 (1)1 绪论 (4)1.1 开发背景 (4)1.2 开发内容 (5)2 游戏开发相关技术 (5)2.1 开发工具介绍 (5)2.2 开发技术运用介绍 (6)2.2.1 JavaScript (6)2.2.2 html5 (7)3可行性 (8)3.1 可行性 (8)4小游戏的详细设计 (8)4.1源代码 (8)4.1.1画面背景设计 (9)4.1.2蛇的设计 (9)4.1.3食物的出现 (10)4.1.4 游戏初始化 (10)4.1.5 控制蛇的移动模块 (10)4.1.6 食物判断模块 (11)4.1.7 死亡控制模块 (12)4.2界面设计 (14)4.3 游戏玩法 (14)4.4算法流程 (15)5游戏测试图 (16)6.结论 (16)7.参考文献 (17)1 绪论1.1 开发背景随着互联网的不断发展，互联网对人们的生活也在不断地变化和加强，人们渐渐地已经开始习惯于互联网所带来的各类服务与应用，并且享受着它带来的便利和丰富。
当然随着互联网的基础用户和开发者不断增多，人们不断地去创造和完善它的速度也越来越快，无论从技术层面还是商业层面，新的模式和方法层出不穷，整个行业新陈代谢不断加速，新的应用和新的公司不断地挑战着新的技术和新的模式，由于整个行业存在创业成本很低、技术成本门槛却较高等特点，大公司也不断地推动着新的技术，基于此来创建一定的技术壁垒，同时基于此建立全新的服务和技术。
但是毕竟整个互联网是一个开放的环境，大家需要一种标准，而不是一家独大的竞争下去，这样就一定会失去民心，所以HTML5这种更加新的标准和技术体系在不断地革新中发展壮大。
HTML5是近十年来Web标准最巨大的飞跃，和以前的版本不同，HTML5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图象和动画，以及同电脑的交互都被标准化。
尽管HTML5的实现还有很长的路要走，但HTML5正在改变Web。
另外，目前的互联网不仅仅是传统意义上面的互联网，所有的传统应用和模式正在向着更加移动和便捷发展，人们可能通过手机、平板电脑等各类移动设备来获取信息和使用更加丰富的应用，如物理位置定位信息等新的数据采集和多点触控、重力感应等新的交互方式的应用，未来必将也会改变人们生活的方方面面。
HTML5中也加入了以上各类新的元素和功能，同时也考虑到了非健全人事使用互联网时可能带来的问题[1]。
所以，研究HTML5这种技术体系来尝试做一些应用是一个千载难逢的机遇，而基于这个变革的年代去使用类似的技术来创造更多新的应用更是能够改变这个世界的一次机会。
游戏软件是计算机诞生之后就开始有的产物，最开始是一些计算机极客们无聊时写着玩的代码，渐渐地发展成为了一个巨大的产业。
游戏可以带给人们快乐，可以使人们享受与人配合交流的快乐，也可以是打破尴尬的一种方式。
对于程序员而言能够编写一个游戏程序带给用户快乐，这无疑也会带给自己成就感并且是一件很有意义和价值的事情随着网络用户的增加，网络用户已经突破了十亿，而其中的青少年占了大多数开发一款经典的耐玩的小游戏有很大的发展空间，贪吃蛇这一款小游戏是一代年轻人美好的回忆，用html5设计的小游戏方便又时尚可以迎合部分玩家的爱好。
1.2 开发内容基于hml5的贪吃蛇游戏开发与应用2 游戏开发相关技术2.1 开发工具介绍Visual Studio 2013将根据“go-live”许可证提供。
.Net 4.5.1预览版是2013版预览版的一部分，也包含在Windows 8.1预览版所有的安装程序中。
新的.Net预览版还为Windows 8、Windows 7、Windows Vista和相应的Windows服务器发布版提供单独的安装版本。
微软高管表示，.NET Framework 4.5.1预览版的许多功能的重点是改善调试和一般的诊断。
这个更新版本还允许开发者进行编辑和继续进行64位编程。
Visual Studio 2013 预览版进行了大量改进，可帮助您在编码时提高工作效率并集中精力。
某些功能首先在Visual Studio Power Tools 扩展中以试验性质出现，经过改进后才纳入到Visual Studio 中。
新版本中内置了多种提高工作效率的功能，如自动补全方括号、使用快捷键移动整行或整块的代码以及行内导航。
此外，Visual Studio 2013 预览版的团队资源管理器增强了主页设计，可以更简便地导航到团队协作功能，并可取消停靠“挂起更改”和“生成”，使其显示在一个单独的窗口中。
在处理大型代码文件时，可能难以了解当前所处的位置。
在Visual Studio 2013 预览版中，可轻松地在两种模式之间切换滚动条的行为。
在栏模式中，可更直接地查看脱字号位置等注释、更改所在位置和跟踪错误。
在图模式下，滚动条显示源代码的实时预览，而将鼠标悬停在代码上即可在工具提示中更详细地预览这段代码。
然后单击代码所在位置即可导航到该位置。
Visual Studio 2013 预览版引入了一种联网IDE 体验，使您可更加迅速地开始使用Visual Studio 2013 预览版。
当您首次启动Visual Studio 2013 预览版时，将要求您使用Microsoft 帐户（您可能已在MSDN 或Team Foundation Service 订阅中用到它）进行登录。
登录后，即注册您的Visual Studio 2013 预览版副本供您使用，无需任何额外步骤。
Visual Studio 2013 预览版还将自动在采用联网IDE 体验的设备上同步设置。
同步的设置包括快捷键、Visual Studio 外观（主题、字体等）各种类别，同时使您保持对“同步设置”选项的完全控制。
主要新功能支持Windows 8.1 App 开发Visual Studio 2013 预览版提供的工具集非常适合生成利用下一波Windows 平台创新(Windows 8.1) 的新式应用程序，同时在所有Microsoft 平台上支持设备和服务。
支持在Windows 8.1 预览版中开发Windows 应用商店应用程序，具体表现在对工具、控件和模板进行了许多更新、对于XAML 应用程序支持新近提出的编码UI 测试、用于XAML 和HTML 应用程序的UI 响应能力分析器和能耗探查器、增强了用于HTML 应用程序的内存探查工具以及改进了与Windows 应用商店的集成。
2.2 开发技术运用介绍2.2.1 JavaScriptJavaScript是一种互联网终端的扩建的语言。
它由网景的LiveScript进化而来，具有原模原样的继承、面向对象、非静态类型、分辨大小写等特点。
解决服务器端语言问题是其主要的目的。
增添JavaScript可以为网景的网页查看器Navigator供给检验数据的一些最基础的功用。
2.2.2 html5HTML5是HTML下一个的主要修订版本，现在仍处于发展阶段。
目标是取代1999年所定订的HTML 4.01和XHTML 1.0 标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。
广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。
它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集。
HTML5草案的前身名为Web Applications 1.0。
于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的HTML工作团队。
在2008年1月22日，第一份正式草案已公布,在2010年9月正式向公众推荐。
HTML5 是近十年来Web 标准最巨大的飞跃。
和以前的版本不同，HTML 5 并非仅仅用来表示Web 内容，它的使命是将Web 带入一个成熟的应用平台，在这个平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。
目前Firefox、Chrome、Opera、Safari（版本4以上）、Internet Explorer 9已支持HTML5技术。
HTML5提供了一些新的元素和属性，例如<nav>（网站导航块）和<footer>。
这种标签将有利于搜索引擎的索引整理，同时更好的帮助小屏幕装置和视障人士使用，除此之外，还为其他浏览要素提供了新的功能，如<audio>和<video>标记。