html5毕业设计题目.docx

html5毕业设计题目.docx

《html5毕业设计题目.docx》由会员分享，可在线阅读，更多相关《html5毕业设计题目.docx（8页珍藏版）》请在冰豆网上搜索。

html5毕业设计题目

html5毕业设计题目

篇一：

基于HTML5的棋牌游戏毕设论文

　　编号：

　　审定成绩：

　　重庆邮电大学

　　毕业设计（论文）

　　设计（论文）题目：

基于HTML5的棋牌游戏

　　学院名称：

　　学生姓名：

　　专业：

　　班级：

　　学号：

　　指导教师：

）

　　答辩组负责人：

　　填表时间：

20XX年6月

　　重庆邮电大学教务处

　　制

　　摘要

　　如今社会是当之无愧的网络生活，也正是计算机的蓬勃发展让我们的生活更进一步。

无处不见的科技，让我们生活无论是精神方面还是物质方面都能得到满足。

而网络游戏更是丰富了我们的精神生活，随着电脑的出现，我们也拥有了更多乐趣，从一开始的扫雷，直到如今的各种大型网络游戏，电脑游戏也逐渐成为生活中不可缺少的娱乐方式。

在电脑游戏中，单机游戏则是可以不用联网则能玩耍，如今基于HTML5开发的游戏也多为单机游戏。

　　本文则是通过象棋游戏来实现基于HTML5的游戏开发的基本过程与方法。

文中基于HTML5的棋牌游戏则是将以前的娱乐生活移到的网络上，在网页上也能玩象棋游戏。

通过HTML5的各种标签和功能来实现象棋游戏，例如通过canvas标签实现游戏部件操作。

此象棋游戏能通过鼠标对棋子的控制实现游戏过程，可以选点击按钮开始游戏，能实现真实象棋游戏过程中的功能，吃子、悔棋、胜负判断等。

其中行棋判断以及具体实现的方式例如行棋规则、游戏策略则是由JavaScript编写实现，最后通过CSS来修饰游戏界面文字的风格和游戏部件的布局等。

在Dreamweaver上编写、修改和运行游戏进行测试，最后，通过在不同的浏览器上进行在修改和测试，将象棋游戏所需要的功能完善。

　　【关键词】网页游戏HTML5象棋JavaScript

　　ABSTRACT

　　Today,thesocietyisawelldeservednetworklife,itistheboomingxxputertomakeourlifemorefurther.Therethetechnologycanbeseedeverywhere,sothatwelivewhetherthespiritormaterialaspectscanbesatisfied.Andnetworkgamesistoeichourspirituallife,withtheadventofthexxputer,wealsohavethemorefun,fromthebeginningofthemine,untilnowallkindsoflarge-scaleonlinegames,xxputergameshasgraduallybexxeindispensableinthelifeofentertainment.Inxxputergames,thestand-alonegamecanplaywithoutInternet,andnowthegamesdevelopmentbasedontheHTML5almostarestand-alonegames.

　　ThispaperistorealizethebasicprocessandmethodofgamedevelopmentbasedonHTML5bychessgame.Inthepaper,thechessgamebasedonHTML5isawaytomovethepreviousentertainmentoflifeontothenetwork,andcanalsoplaychessgameonthewebpage.ThroughthevarioustagsandfunctionsoftheHTML5toachievechessgames,suchasachievingoperatethegamepartsbycanvastags.Thischessgamecanthroughthemousecontrolofthepiecestoachievegameprocess,canbeselected,clickonthebuttontostartthegame,canachieverealchessgameintheprocessoffunction,eat,undo,determinetheoutxxeoftheother.Thechesstothejudgmentandtheconcreterealizationofthewaysuchaschessrules,gamestrategyisbyJavaScriptpreparedtoachieve,finallythroughtheCSStomodifythelayoutofthegameinterfacetextstyleandgamexxponentsandsoon.Write,modify,andrungamesonDreamweaver,andfinally,bymodifyingandtestingonthedifferentbrowsers,thegameneedstobeperfected.

　　【Keywords】webgamesHTML5ChinesechessJavaScript

　　目录

　　前言..................................................................................................................................................1

　　第一章HTML5概述.......................................................................................................................2

　　第一节HTML5的发展历史....................................................................................................2

　　一、HTML5的演变.............................................................................................................2

　　二、HTML5的革新.............................................................................................................2

　　第二节HTML5的优势............................................................................................................3

　　一、HTML5的新标签.........................................................................................................3

　　二、HTML5的新功能.........................................................................................................4

　　第三节本章小结.......................................................................................................................4

　　第二章基于HTML5的游戏..........................................................................................................6

　　第一节准备工作.......................................................................................................................6

　　一、什么游戏........................................................................................................................6

　　二、绘制部件........................................................................................................................6

　　第二节JavaScript、CSS特性..................................................................................................6

　　一、JavaScript.......................................................................................................................6

　　二、CSS.................................................................................................................................7

　　第三节HTML5游戏................................................................................................................8

　　第四节本章小结.......................................................................................................................8

　　第三章基于HTML5的象棋游戏开发..........................................................................................9

　　第一节中国象棋游戏...............................................................................................................9

　　一、中国象棋........................................................................................................................9

　　二、象棋规则....................................................................................................................10

　　第二节开发工具.....................................................................................................................11

　　第三节象棋游戏部件的绘制.................................................................................................12

　　第四节页面布局调整和信息定义.........................................................................................13

　　第五节本章小结.....................................................................................................................13

　　第四章功能性JavaScript和主页.................................................................................................14

　　第一节象棋AI.......................................................................................................................14

　　第二节bill脚本......................................................................................................................15

　　第三节play脚本.....................................................................................................................15

　　第四节xxmon脚本..............................................................................................................16

　　第五节页面生成.....................................................................................................................17

　　第六节本章小结.....................................................................................................................17

　　第五章测试....................................................................................................................................19

　　第一节测试的目的和意义.....................................................................................................19

　　第二节测试内容.....................................................................................................................19

　　一、界面测试......................................................................................................................19

　　二、按钮测试......................................................................................................................20

　　三、功能测试......................................................................................................................20

　　第三节本章小结.....................................................................................................................21

　　结论................................................................................................................................................22

　　致谢................................................................................................................................................23

　　参考文献............................................................................................................................................24

　　附录................................................................................................................................................25

　　一、英文原文：

.........................................................................................................................25

　　二、英文翻译：

.........................................................................................................................31

　　三、工程设计图纸：

.................................................................................................................35

　　四、源程序：

.............................................................................................................................36

　　1、HTML5按钮主要代码：

.............................................................................................36

　　2、CSS主要代码................................................................................................................36

　　3、AI脚本主要代码..........................................................................................................37

　　4、xxmon脚本信息定义代码.........................................................................................38

　　5、bill脚本写入棋谱代码.................................................................................................40

　　6、play脚本定义代码........................................................................................................41

篇二：

web前端毕业设计论文

　　20XX版

　　毕业论文

　　题目：

　　响应式企业网站设计与实现

　　学生姓名：

罗智刚学号：

*****XX132专业班级：

B12计算机科学与技术2班

　　指导教师：

李莉

　　企业导师：

林志宏

　　二级学院：

电气与信息工程学院

　　摘要

　　在信息高速发展的这个时代，网络作为现今最为方便快捷的媒介也越来越被人们接受，并且融入我们的生活。

在20XX年时，随着HTML5在国内的兴起，也在不断的推进着信息时代的发展，网站也逐渐脱离了传统的枯燥页面风格，如今的HTML5比起以前的HTML来说，更容易维护和管理，而且还能实现跨平台开发，减少开发成本。

　　本论文主要围绕写意集团的HTML5