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

PAGE 13 PAGE 13 内容摘要 随着HTML5的诞生，一系列的新特性也随之出现，而我认为最为核心的特性莫过于它的跨平台兼容性了。它不单单能够在计算机上运行,而且能够在移动端上运行。除此之外，HTML5中的Canvas元素允许浏览器直接创建以及处理图像,这在让开发人员更加轻松的同时,也使得界面更加好看,让用户拥有了更加良好的体验,大大缩短了用户加载的时间。正因为这种种的优点,让HTML5获得了更多的赞同。基于HTML5的游戏已经成为了一个比较热门的研究课题。 本文首先从整体上介绍了HTML5的研究现状，然后叙述出本次课题研究的目的以及意义，分析了本次游戏所用到的相关技术。游戏系统主要通过设置主体物、障碍物、计时器等，实现由主物体射击、障碍物触发边界会加速反弹、主体物躲避障碍物等功能。主要运用了HTML5、CSS、JavaScript等技术，在Windows10的软件环境以及通过Adobe Dreamweave开发工具下进行。 关键词： HTML5 CSS JavaScript Adobe Dreamweave 射击类游戏 Abstract \o 添加到收藏夹 With the birth of HTML5, a series of new features have emerged, and I think the most core feature is its cross platform compatibility. It can run not only on the computer, but also on the mobile end. In addition, the canvas element in HTML5 allows the browser to directly create and process images, which makes the developers easier, but also makes the interface more beautiful, makes the user have a better experience, and greatly shortens the user load time. Because of these advantages, HTML5 has gained more approval. The game based on HTML5 has become a hot research topic. The article first introduces the current research status of HTML5 as a whole, then describes the purpose and significance of this research, and analyzes the relevant technologies used in this game. The main function of the game system is to shoot by the main object, trigger the boundary of the obstacle, accelerate the rebound and avoid the obstacle by setting the main object, obstacle and timer. Mainly used HTML5, CSS, JavaScript and other technologies, in the windows 10 software environment and through Adobe Dreamweave development tools. Key words: HTML5 CSS JavaScript Adobe Dreamweave Shooting games 目录 TOC \o 1-3 \h \u 第一章 绪论 1 1.1 课题研究现状 1 1.2 课题研究的目的与意义 2 第二章 相关技术介绍 3 2.1 HTML5介绍 3 2.2 CSS介绍 3 2.3 JavaScript介绍 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.