基于HTML5的贪吃蛇游戏设计与开发开题报告

 2021-08-14 02:20:39

1. 研究目的与意义(文献综述)

1.1html5标准的意义及发展现状

html即超文本标记语言,是一种能被浏览器解析的标记语言,通过结合使用其他的web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。但是,1991年后的10年里html标准一直停滞不前,随后w3c(万维网联盟)甚至试图拟定xhtml2.0完全与html划清界限,这种忽略已有的web世界的做法显然会引起“民愤”,终于在2006年,w3c与whatwg宣布联手研发html5,并于2008年发布第一份草案,从此html5作为新标准走入web历史舞台。

那么html5究竟带来了什么呢?html5在技术层面带来了八个类别的新东西:语义化—html5提供了一组丰富的语义化标签,使用户和机器程序从中受益;离线与存储—appcache、localstorage、indexeddb和fileapi这些技术标准使得web应用程序更加迅速,同时使离线应用成为可能;设备访问—新提供的一系列设备访问api使web应用程序功能空前强大,重力感应、gps定位、摄像头与麦克风的启用甚至本地联系人信息对接也不再是难题;通信—websocket与server-sentevent技术使得客户端与服务器之间的通信效率达到空前的高度;多媒体—audio与video元素可谓html5的杀手锏,这也是html5在与flash较量中取胜的关键;图形和特效—svg、canvas和webgl等功能使图形渲染变得高效且方便;性能与集成—webworker使的浏览器也可以多线程处理后台任务从而避免ui渲染被阻塞;呈现—css3在不影响页面语义和性能的情况下打来的更多的页面特效让用户和设计师激动不已。

剩余内容已隐藏,您需要先支付后才能查看该篇文章全部内容!

2. 研究的基本内容与方案

本次设计主要以html5标准支持的canvas(画布)元素为研究对象,通过javascript脚本语言对canvas元素的控制,完成贪吃蛇的界面绘制与逻辑实现,并最终实现游戏服务器发布与跨平台运行。

整个游戏周期分为三个环节:游戏进入、游戏进行与游戏结果及分享。基本的游戏逻辑如下:玩家点击开始后,出现初始长度的贪吃蛇,玩家利用键盘上下左右操作贪吃蛇的行驶方向。如果观察蛇的移动,可以发现,从蛇的头部到尾部,每个方块在下一时刻的位置就是它的前一个方块在当前时刻的位置。因此我们需要做的只是控制贪吃蛇的头部的运动。其他部分的位置都可以依次类推。玩家利用上下左右方向键操控贪吃蛇向食物方向前进,贪吃蛇每吃到一个食物,身体末端自动增加一格长度,吃到的食物越多,获取的分数越高,一旦玩家操控的贪吃蛇触碰到了地图四周亦或是头部碰到自己的躯干,游戏立刻结束,玩家所获的分数立刻出现在屏幕中央,并出现重新开始或分享分数的按钮。

因此,综上该游戏的基本模块如下:

剩余内容已隐藏,您需要先支付后才能查看该篇文章全部内容!

3. 研究计划与安排

第1-2周:根据论文题目来搜集资料。

第3-4周:利用图书馆的网络及书面资源,搜集大量相关课题资料,并根据自己的学习及研究能力完成开题报告,在老师指导下修改开题报告,确定最终的研究方向和技术路线。

第5-8周:根据任务书和开题报告,确定研究框架,将系统每一部分的研究任务和具体内容细化,找出并攻克技术难点。编写前端基本代码,包括index.html,注册登录界面,游戏运行相关界面,以及后台管理界面。完成论文的提纲,并通过中期检查。

剩余内容已隐藏,您需要先支付后才能查看该篇文章全部内容!

4. 参考文献(12篇以上)

[1]decarvalho,l.v.casestudyofamobilehtml5multiplayergameportal[c].computergamesanddigitalentertainment(sbgames),nov2014:202-209.

[2]张路斌,html5canvas游戏开发实战[m],机械工业出版社,2013.4

[3]bouras,c..aframeworkforcross-platformmobilewebapplicationsusinghtml5[c].futureinternetofthingsandcloud(ficloud),2014internationalconferenceon,aug2014:420-424

剩余内容已隐藏,您需要先支付 10元 才能查看该篇文章全部内容!立即支付

课题毕业论文、开题报告、任务书、外文翻译、程序设计、图纸设计等资料可联系客服协助查找。