基于HTML5JavaScript的射击类游戏设计与实现.docVIP

摘要

随着HTML5的诞生，一系列的新特性也随之出现，而我认为最为核心的特性莫过于它的跨平台兼容性了。它不单单能够在计算机上运行,而且能够在移动端上运行。除此之外，HTML5中的Canvas元素允许浏览器直接创建以及处理图像,这在让开发人员更加轻松的同时,也使得界面更加好看,让用户拥有了更加良好的体验,大大缩短了用户加载的时间。正因为这种种的优点,让HTML5获得了更多的赞同。基于HTML5的游戏已经成为了一个比较热门的研究课题。

本文首先从整体上介绍了HTML5的研究现状，然后叙述出本次课题研究的目的以及意义，分析了本次游戏所用到的相关技术。游戏系统主要通过设置主体物、障碍物、计时器等，实现由主物体射击、障碍物触发边界会加速反弹、主体物躲避障碍物等功能。主要运用了HTML5、CSS、JavaScript等技术，在Windows10的软件环境以及通过AdobeDreamweave开发工具下进行。

关键词：HTML5CSSJavaScriptAdobeDreamweave射击类游戏

Abstract\o添加到收藏夹

WiththebirthofHTML5,aseriesofnewfeatureshaveemerged,andIthinkthemostcorefeatureisitscrossplatformcompatibility.Itcanrunnotonlyonthecomputer,butalsoonthemobileend.Inaddition,thecanvaselementinHTML5allowsthebrowsertodirectlycreateandprocessimages,whichmakesthedeveloperseasier,butalsomakestheinterfacemorebeautiful,makestheuserhaveabetterexperience,andgreatlyshortenstheuserloadtime.Becauseoftheseadvantages,HTML5hasgainedmoreapproval.ThegamebasedonHTML5hasbecomeahotresearchtopic.

ThearticlefirstintroducesthecurrentresearchstatusofHTML5asawhole,thendescribesthepurposeandsignificanceofthisresearch,andanalyzestherelevanttechnologiesusedinthisgame.Themainfunctionofthegamesystemistoshootbythemainobject,triggertheboundaryoftheobstacle,acceleratethereboundandavoidtheobstaclebysettingthemainobject,obstacleandtimer.MainlyusedHTML5,CSS,JavaScriptandothertechnologies,inthewindows10softwareenvironmentandthroughAdobeDreamweavedevelopmenttools.

Keywords:HTML5CSSJavaScriptAdobeDreamweaveShootinggames

目录

TOC\o1-3\h\u第一章绪论 1

1.1课题研究现状 1

1.2课题研究的目的与意义 2

第二章相关技术介绍 3

2.1HTML5介绍 3

2.2CSS介绍 3

2.3JavaScript介绍 4

2.4游戏引擎技术介绍 4

第三章游戏引擎及功能分析 6

3.1游戏引擎 6

3.2游戏功能分析 6

3.2.1玩家操作规则功能分析 6

3.2.2子弹功能分析 6

3.2.3障碍物功能分析 7

3.2.4计时器功能分析 7

第四章游戏功能实现及展示 7

4.1游戏功能实现 8

4.1.1游