html5课程论文-基于html5的贪吃蛇游戏(1).doc
《html5课程论文-基于html5的贪吃蛇游戏(1).doc》由会员分享,可在线阅读,更多相关《html5课程论文-基于html5的贪吃蛇游戏(1).doc(17页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、HTML5课程设计题 目: 基于html5的贪吃蛇游戏 学 院:_商学院 _专 业:_ 信息管理与信息系统 姓 名: 韩斌 指导教师: 田更 2021年 6月 10日摘 要随着互联网技术的不断开展和计算机性能的不断提升,用户享受互联网的方式也开始不断的变化,越来越多的应用可以直接以浏览器翻开的方式使用,数据那么是存储在云端,更加的平安可靠,方便用户共享数据。在各种应用不断的趋于更加网络话的同时,一种新的技术标准也随之产生,那就是HTML5HTML是一种标记语言也是一种标准,互联网开发居于此。HTML5是近十年来Web互联网标准最巨大的飞跃,和以前的版本不同,HTML5并非仅仅用来表示Web内容
2、,它的使命是将Web带入一个成熟的应用平台,在这个平台上,视频、音频、图象和动画,以及同电脑的交互都被标准化。也就是说HTML5是通过开放的技术和标准来实现一个无插件模式的富客户端,这个客户端可以在移动终端、PC个人计算机或者其他可以有网络的地方轻松的运行。所以此时研究HTML5,并且大胆的实践有着重要的意义。 课题内容是使用HTML5技术基于Web的环境来制作一个网络版的“坦克大战游戏应用,该游戏使用了HTML5中的Canvas画布、WebSocketHTML5中最新使用的一种网络连接协议,用于实时通讯、AudioHTML5中控制声音的技术等最新的技术。目前HTML5标准尚未成熟,很多地方仍
3、在变动,API应用程序接口仍不是很稳定,所以还无法真正的完全商用或者全部普及开,但这并不会影响我们来研究它。效劳器端采用的Nodejs一种Javascript程序语言框架,可以在效劳器端运行Javascript语言这种新型的框架来开发,Nodejs使用Javascript语言来开发,使整个应用从客户端到效劳器端编程都是使用Javascript,大大的减少学习本钱和开发本钱,并且Nodejs性能强大,有很大的研究价值。目录11 绪论41.1 开发背景41.2 开发内容52 游戏开发相关技术52.1 开发工具介绍52.2 开发技术运用介绍62.2.1 JavaScript62.2.2 html57
4、3可行性83.1 可行性84小游戏的详细设计8源代码8画面背景设计9蛇的设计9食物的出现104.1.4 游戏初始化104.1.5 控制蛇的移动模块104.1.6 食物判断模块114.1.7 死亡控制模块12界面设计144.3 游戏玩法14算法流程155游戏测试图166.结论167.参考文献171 绪论1.1 开发背景随着互联网的不断开展,互联网对人们的生活也在不断地变化和加强,人们渐渐地已经开始习惯于互联网所带来的各类效劳与应用,并且享受着它带来的便利和丰富。当然随着互联网的根底用户和开发者不断增多,人们不断地去创造和完善它的速度也越来越快,无论从技术层面还是商业层面,新的模式和方法层出不穷,
5、整个行业新陈代谢不断加速,新的应用和新的公司不断地挑战着新的技术和新的模式,由于整个行业存在创业本钱很低、技术本钱门槛却较高等特点,大公司也不断地推动着新的技术,基于此来创立一定的技术壁垒,同时基于此建立全新的效劳和技术。但是毕竟整个互联网是一个开放的环境,大家需要一种标准,而不是一家独大的竞争下去,这样就一定会失去民心,所以HTML5这种更加新的标准和技术体系在不断地革新中开展壮大。 HTML5是近十年来Web标准最巨大的飞跃,和以前的版本不同,HTML5并非仅仅用来表示Web内容,它的使命是将Web带入一个成熟的应用平台,在这个平台上,视频、音频、图象和动画,以及同电脑的交互都被标准化。尽
6、管HTML5的实现还有很长的路要走,但HTML5正在改变Web。另外,目前的互联网不仅仅是传统意义上面的互联网,所有的传统应用和模式正在向着更加移动和便捷开展,人们可能通过 、平板电脑等各类移动设备来获取信息和使用更加丰富的应用,如物理位置定位信息等新的数据采集和多点触控、重力感应等新的交互方式的应用,未来必将也会改变人们生活的方方面面。 HTML5中也参加了以上各类新的元素和功能,同时也考虑到了非健全人事使用互联网时可能带来的问题1。所以,研究HTML5这种技术体系来尝试做一些应用是一个千载难逢的机遇,而基于这个变革的年代去使用类似的技术来创造更多新的应用更是能够改变这个世界的一次时机。 游
7、戏软件是计算机诞生之后就开始有的产物,最开始是一些计算机极客们无聊时写着玩的代码,渐渐地开展成为了一个巨大的产业。游戏可以带给人们快乐,可以使人们享受与人配合交流的快乐,也可以是打破为难的一种方式。对于程序员而言能够编写一个游戏程序带给用户快乐,这无疑也会带给自己成就感并且是一件很有意义和价值的事情随着网络用户的增加,网络用户已经突破了十亿,而其中的青少年占了大多数开发一款经典的耐玩的小游戏有很大的开展空间,贪吃蛇这一款小游戏是一代年轻人美好的回忆,用html5设计的小游戏方便又时尚可以迎合局部玩家的爱好。1.2 开发内容基于hml5的贪吃蛇游戏开发与应用2 游戏开发相关技术2.1 开发工具介
8、绍Visual Studio 2021将根据“go-live许可证提供。.Net 4.5.1预览版是2021版预览版的一局部,也包含在Windows 8.1预览版所有的安装程序中。新的.Net预览版还为Windows 8、Windows 7、Windows Vista和相应的Windows效劳器发布版提供单独的安装版本。微软高管表示,.NET Framework 4.5.1预览版的许多功能的重点是改善调试和一般的诊断。这个更新版本还允许开发者进行编辑和继续进行64位编程。Visual Studio 2021 预览版进行了大量改进,可帮助您在编码时提高工作效率并集中精力。某些功能首先在 Visu
9、al Studio Power Tools 扩展中以试验性质出现,经过改进后才纳入到 Visual Studio 中。新版本中内置了多种提高工作效率的功能,如自动补全方括号、使用快捷键移动整行或整块的代码以及行内导航。此外,Visual Studio 2021 预览版的团队资源管理器增强了主页设计,可以更简便地导航到团队协作功能,并可取消停靠“挂起更改和“生成,使其显示在一个单独的窗口中。在处理大型代码文件时,可能难以了解当前所处的位置。在 Visual Studio 2021 预览版中,可轻松地在两种模式之间切换滚动条的行为。在栏模式中,可更直接地查看脱字号位置等注释、更改所在位置和跟踪错误
10、。在图模式下,滚动条显示源代码的实时预览,而将鼠标悬停在代码上即可在工具提示中更详细地预览这段代码。然后单击代码所在位置即可导航到该位置。Visual Studio 2021 预览版引入了一种联网IDE 体验,使您可更加迅速地开始使用 Visual Studio 2021 预览版。当您首次启动 Visual Studio 2021 预览版时,将要求您使用 Microsoft 帐户您可能已在 MSDN 或 Team Foundation Service 订阅中用到它进行登录。登录后,即注册您的 Visual Studio 2021 预览版副本供您使用,无需任何额外步骤。Visual Studio
11、 2021 预览版还将自动在采用联网 IDE 体验的设备上同步设置。同步的设置包括快捷键、Visual Studio 外观主题、字体等各种类别,同时使您保持对“同步设置选项的完全控制。主要新功能支持 Windows 8.1 App 开发Visual Studio 2021 预览版提供的工具集非常适合生成利用下一波 Windows 平台创新 (Windows 8.1) 的新式应用程序,同时在所有 Microsoft 平台上支持设备和效劳。支持在 Windows 8.1 预览版中开发 Windows 应用商店应用程序,具体表现在对工具、控件和模板进行了许多更新、对于 XAML 应用程序支持新近提出
12、的编码 UI 测试、用于 XAML 和 HTML 应用程序的 UI 响应能力分析器和能耗探查器、增强了用于 HTML 应用程序的内存探查工具以及改进了与 Windows 应用商店的集成。2.2 开发技术运用介绍2.2.1 JavaScript JavaScript是一种互联网终端的扩建的语言。它由网景的LiveScript进化而来,具有原模原样的继承、面向对象、非静态类型、分辨大小写等特点。解决效劳器端语言问题是其主要的目的。增添JavaScript可以为网景的网页查看器Navigator供给检验数据的一些最根底的功用。2.2.2 html5 HTML5是HTML下一个的主要修订版本,现在仍处
13、于开展阶段。目标是取代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
14、。于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队。在2021年1月22日,第一份正式草案已公布,在2021年9月正式向公众推荐。HTML5 是近十年来 Web 标准最巨大的飞跃。和以前的版本不同,HTML 5 并非仅仅用来表示 Web 内容,它的使命是将 Web 带入一个成熟的应用平台,在这个平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。目前Firefox、Chrome、Opera、Safari版本4以上、Internet Explorer 9已支持HTML5技术。 HTML5提供了一些新的元素和属性,例如网站导航块和。这种标签将有利于搜索
15、引擎的索引整理,同时更好的帮助小屏幕装置和视障人士使用,除此之外,还为其他浏览要素提供了新的功能,如和标记。一些过时的HTML4标记将被取消。其中包括纯粹显示效果的标记,如和,它们已经被CSS取代。除了原先的DOM接口,HTML5增加了更多API,如: (1) 实时二维绘图。Canvas API:有关动态产出与渲染图形、图表、图像和 动画的API。 (2) 定时媒体播放HTML5 音频与视频:HTML5 里新增的元素,它们为开发者提供了一套通用的、集成的、脚本式的处理音频与视频的API,而无需安装任何插件。 (3) 通信网络Communication APIs:构建实时和跨源cross-ori
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html5 课程 论文 基于 贪吃 游戏
限制150内