毕业论文(java游戏俄罗斯方块).doc

天津职业技术师范大学TianjinUniversityofTechnologyandEducation毕业设计专业：教育技术学班级学号：1102-28学生姓名：王晏指导教师：王潇讲师二〇一五年六月天津职业技术师范大学本科生毕业设计2D游戏《热血方块》的设计与开发---游戏特效及音效TheDesignandDevelopmentof2DGame“CrazyTetris“--Specialeffectandsoundeffectsofthegame专业班级：教育技术1102学生姓名：王晏指导教师：王潇讲师学院：信息技术工程学院2015年6月摘要2D游戏是指二维交互式动画，也就是我们通常所说的2D动画。只不过在游戏方面，这种二维交互式动画可以根据用户需求而进行互动的游戏，简而言之即平面（二维）游戏。在此次2D游戏设计制作主要使用HTML5和JavaScript。HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言的第五次重大修改，沿革了HTML4的一些标记，还新增了如canvas、audio等新的标记；JavaScript是一种直译式脚本语言，内置支持类型。本次游戏制作主要使用上述两种技术支持，HTML5的canvas元素使用JavaScript在网页上绘制2D图像，在矩形画布上控制像素，JavaScript来绘制2d图形并进行渲染；并在游戏设计中使用JavaScript编写mvc框架；声音效果的播放及进行游戏控制。HTML5带来的新的标签有助于开发人员的开发及定义重要内容，如上述的canvas和source。在整个游戏架构中，使用EditPlus开发，使用fireFox用于测试，背景及方块的图片均由个人完成，音频调控上使用HTML5支持的audio播放控制，并通过音效及背景音乐使得游戏富有可玩性，提高用户体验；使用背景音乐来实现游戏节奏的变换，可使玩家获得愉悦的心情。关键词：HTML5；JavaScript；TetrisABSTRACTThe2Dgames,inshorttheplane(2D)game(two-dimensionGame),thedesignofthis2DgamemainlyusestheHTML5andJavaScript.HTML5isaHyperTextMarkupLanguageunderWorldWideWeb’scorelanguageandStandardGeneralizedMarkuplanguage.Its5thtime’ssignificantmodificationnotonlyevolvesomeoutdatedworksoftheHTML4,notalsonewlyincreasessomeworkslikecanvasandaudio.JavaScriptisaliteraltranslationscriptlanguageandinternallyinstallssustaintype.Thisgame’sdesignmainlyusesabovementionedtwotechnologies,thecanvasoftheHTML5paint2DpicturesandappliescolorstoadrawingonwebpagesusingJavaScript,controlspixelontherectangularcanvasandwritesgame’sgeneralframe,voice’splayingandgame’scontrollingusingJavaScriptinthisgame’sdesign.ThenewlabelofHTML5isconducivetodevelopanddefinesomeimportantcontents.Inthiswholegame’sframe.Ituses‘EditPlus’fordevelopment,usesFireFoxfortesting.It’sbackgroundpictureandallofdiamonds’picturearedeignedbythePhotoShop,it’saudioiscontrolledusingHTML5supportaudioandforimprovingusesinterestsusingsoundeffectandbackgroundmusic,Beside,Thereisrhythmsensationinthebackgroundmusicandthatcanletusersenjoythisgameenough.KeyWords：HTML5；JavaScript；TetrisI目录1绪论.11.1研究背景11.2研究意义与目的11.3研究现状21.4研究内容31.5系统运行环境32游戏开发技术.42.1HTML5概述42.1.1HTML5特征.