基于HTML5的FlappyBird游戏——毕业论文.docxVIP

中文题目

XIAMENUNIVERSITYOFTECHNOLOGY

毕业设计

基于HTML5的FlappyBird游戏

英文题目FlappyBirdGameBasedonTheHTML5

院系：计算机与信息工程学院

年级专业：软件工程(金融服务)

姓名：

学号：

指导教师：

职称：

年月

摘要

摘要

基于HTML5的FlappyBird游戏是一款无需下载客户端程序的网页游戏，适合上班族和学生进行休闲娱乐。游戏主要通过鼠标点击控制小鸟成功穿越长短不

同的管道所组成的障碍并获取得分，考验玩家的反应能力和敏捷度。

开发本款游戏使用到了前后台技术。采用的框架是Phaser、struts2、Hibernate。基于HTML5标准标记语言和JavaScript动态脚本语言，结合Ajax技术实现游戏界面和功能。其中，HTML5的众多新增标签元素在开发过程中起到了举足轻重的作用。所以本次课题的重点在于研究如何使用HTML5语言来开发这款网页游

戏。

本次游戏开发基本成功实现了预期目标，游戏功能已基本完善。游戏共分为六个模块，启动加载模块、菜单模块、游戏开始模块、游戏准备模块、游戏主界模块和游戏结束模块，界面简洁美观，游戏功能大致完成，实现了鼠标和小鸟的交互行为、重力模型、小鸟穿越管道得分以及游戏过程中出现大量道具等丰富的游戏功能。后期还希望通过问卷调查等方式采集玩家体验的感受，使功能以及界

面上更具有FlappyBird的独立风格。

关键词：HTML5;网页游戏；FlappyBird

ABSTRACT

ABSTRACT

FlappyBirdgamebasedontheHTML5isawebgamethatdoesnotneedtodownloadtheclientprogramthatissuitableforofficeworkersandstudentsforleisureandentertainment.Thegameismainlythroughclickingthemousetocontrolthebirdsuccessfullypassthroughthebarriersofdifferentlengthofpipesandthengetscorestotest

theplayersreactionabilityandagility.

Thedevelopmentofthisgameusestheforwardandbackwardtechnology.TheframeworkadoptedarePhaser,struts2,Hibernate.ThegameisbasedontheHTML5standardmarkuplanguage,JavaScriptdynamicscriptinglanguageandcombineswithAjaxtechnologytoachievethegamesinterfaceandfunction.Amongthem,thenumberofnewHTML5tagselementsplayedapivotalroleinthedevelopmentprocess.Sothefocusof

thisprojectistostudyhowtousetheHTML5languagetodevelopthiswebgame.

Thedevelopmentofthisgamesuccessfullyachievedtheexpectedgoals.Thegamesfunctionshavebeenalmostcompleted.Thegameisdividedintosixmoduleswhicharelaunc