h5的五子棋论文
余年寄山水
551次浏览
2021年01月27日 22:23
最佳经验
本文由作者推荐
小学优秀班主任事迹-电气自动化专业描述
1
毕业设计论文
院校：广州城建职业学院
院系：信息工程学院
班级：
姓名：
学号：
题目：
h5
的五子棋
指导老师：
日期：
2017
年
11
月
20
2
摘
要
随着
IT
技术的发 展，很多日常生活中的游戏都被搬到了计算机里供大家娱乐，尤其是
博弈类的棋类游戏，如中国的象棋， 围棋，五子棋等，今年来人们对人工智能技术的研究
成果使得斯算计在这些博弈游戏中能战胜很多玩家。 其次，五子棋作为一个棋类竞技运动，
在民间十分流行，为了熟悉五子棋规则及技巧，以及研究简单的人 工智能，决定用
Java
开
发五子棋游戏。主要完成人机对战的功能。在人机对弈中通 过深度搜索和估值模块来提高
电脑旗手的智能。分析估值模块中的影响精准性的几个要素，以及提出一些 提高精准性的
办法，
以及对它们搜索的节点数进行比较，
在这些算法的基础山分析一些 提高电脑
AI
方案，
如递归算法、电脑学习等。算法的研究有助于理解程序结构，增强 逻辑思维能力，在其他
人工智能方面也有很大的参考作用。
本系统是五子棋游戏，该 系统采用面向过程的开发方法。主要包括问题定义、可行性
研究、需求分析、总体设计、详细设计、编码 和测试等部分。
本系统主要包括人机对弈和
人人对弈两种游戏类型。其中五子棋人机 对弈是计算机博弈中的一种。研究其计算机算法，
可以让我们看到人工智能的稚形，也有助于我们人脑的 开发。五子棋是我国发明的，研究
它可以让更多的外国人了解五子棋，
这有助于我国优秀文化的 推广。
本系统是在
HBuilder
与
h5
语言环境下开 发的一个直观大方的自定义界面的带部分
AI
功能的五子棋游戏，游戏
程序实现人机对 弈和人人对弈，自动智能计算最佳落子位置，而且程序能够自动的判定游
戏的获胜方和游戏的结束与否， 实现对战双方顺利进行博弈。
关键词：五子棋；
HTML
；
JavaScript;CSS;AI
3
目录
摘要
———————————————————
Ⅰ
目录
———————————————————
Ⅱ
第一章
引言
—————————————————
1
1
项目开发背景
—————————————
1
2
项目开发目标
—————————————
1
3
项目开发的意义
———————————
1
第二章
页面制作相关技术介绍—————————
2
1 HTML
————————————————
2
2 JavaScript
——————————————
3
3 CSS
————————————————
4
4 AI
————————————————
5
第三章
HTML
开发五子棋的原型设计
—————
5
第四章
游戏主要逻辑
——————————
6
第五章
结束语
———————————————
7
参考文献—————————————————
8
4
致谢———————————————————
9
引言
1.
项目开发背景
五子棋是人们喜欢的一种棋类游戏，
近来，
随着计算机的快速发展，
一计算机作为对战平台，
各种棋类游戏如雨后春笋般纷纷冒出，
使得那些喜爱下棋，
又常常苦 于
没有对手的棋迷们能随时过棋瘾。
随着信息时代的不断发展，
带动了游戏 产业的飞速提升，
游戏成为了生活中必不
可少的娱乐方式之一。
游戏的种类逐渐从单一 化向多元化发展。
其中休闲类游戏占据
着游戏市场的重要位置。
无论是棋牌类游戏还是 益智类游戏都备受大众喜爱，
例如
“斗
地主”
“麻将”
“连连看”等 ；此外，游戏的开发模式也多种多样，各具特色。其中，
基于
HTML5
开发的游戏，
以其独特的跨平台型和清凉型，
切无需进行客户端下载与安
装，即可进行游戏，实现“ 即点即玩”，获得了很好的用户体验，并且具有很强的社
交传播性。
2.
项目开发目标
为了增强思维能力，
有助于修 身养性带动相关产业的发展，
促进科学技术的提高。
游戏会分为人机对弈和人人对弈，以适应更 多玩家的需求。
3.
项目开发意义
五子棋游戏的玩法少不了人机对战的模式，玩家和计算机各执黑棋和白棋，双方
依次交替落子，
任何一方首先实现
5
个棋子的连接则为胜利方。
其中，
计算机的落子
是通过算法计算实现的。
AI
方首先需要遍历整个棋盘上还没有落子的交叉点，通过< br>算法给这些交叉点分别计算得分，得分最高的交叉点则是
AI
方需要落子的地方。依靠这种算法，
AI
方不仅需要连接
5
个棋子，还需要阻止玩家首先取得胜 利，从而实
现玩家与计算机的对战模式。
5
页面制作相关技术
这次项目大部分是用< br>html
构造的，为什么要选
html
呢？它其实是文本，它需要浏览
器的解释，它的编辑器大体可以分为三种，
一：基本文本、文本编辑软件
使用微软自带的记事本或写字板都可以编写，当然，如
果你用
WPS
来编写，也可以。 不过存盘时请使用
.htm
或者
.html
作为扩展名，这样就方便
浏览器认出直接解释执行了。
二：半所见即所得软件
如：
FCK- EDITER
、
E-webediter
等在线网页编辑器；
三：
所见即所得软件
使用最广泛的编辑器，
完全可以一点不懂< br>HTML
的知识就可以做
出网页。
四：所见即所得软件与版所见即所得的软件相比
开发速度更快，效率高，且直观的
表现更强。任何地方进行修改只需要刷新即可显示。
这次我用的是
HTML5
，它是
HTML
的最新标准，它提供了许多 用以加强交互和多媒体支
持的新元素，如
Canvas,audio,video
等， 这些新元素使得浏览器不依赖
Flash
等第三方插
件即可开发高质量的原生程序。< br>HTML5
提供的
Canvas
是
HTML5
网页游戏开发中 最重要的元
素，它提供了新的网页编程接口，开发者可以通过
JavaScript
处 理画布内的图像
,
可以在
画布中绘制直线、圆、矩形等基本形状，实现游戏画面或其他 虚拟图像的实时渲染，完成
游戏画面的搭建，使游戏的开发变得更加便捷。目前各大浏览器逐渐完善对< br>Canvas
渲染功
能的支持，因此，使用
Canvas
绘制出的游戏 画面运行速度明显加快。
与其他技术开发的游戏相比，基于
HTML6
开发 的游戏有两点主要优势：一是其相关技
术免费开放、规范并且易于推广；二是无需安装插件，减少了用户 的麻烦，提高了安全性，
是众多游戏开发者的优先选择。本设计基于
HTML5
进行五 子棋游戏的开发，是用户在与计
算机对战时充分开动电脑，体验简单的人工智能算法的下其逻辑，给用户 体验带来一定的
乐趣。
6
ript
JavaScript
一种直译式脚本语言，是一种动态类型、弱类型、基 于原型的语言，内置
支持类型。它的解释器被称为
JavaScript
引擎，为浏览 器的一部分，广泛用于客户端的脚
本语言，
最早是在
HTML
（标准通用标记 语言下的一个应用）
网页上使用，
用来给
HTML
网页
增加动态功能 。
JavaScript
是一种属于网络的脚本语言，已经被广泛用于
We b
应用开发，常用来为网
页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常
JavaScript
脚本是
通过嵌入在
HTML
中来实现自身的功 能的。
总体来说它有以下几个特点：
一：
Java Script
是一种解释性脚本语言，主要用来向
HTML
页面添加交互行为，可以< br>直接嵌入
HTML
页面，但写成单独的
js
文件有利于结构和行为的分 离。它的跨平台特性，
是它在绝大多数浏览器的支持下，可以在多种平台下运行。
二
: JavaScript
脚本语言同其他语言一样，
有它自身的基本数 据类型，
表达式和算术
运算符及程序的基本程序框架。
JavaScript
提供了四种基本的数据类型和两种特殊数据类
型用来处理数据和文字。而变量提供存放信息的地方，表达 式则可以完成较复杂的信息处
理。
三：
JavaScript
是一种采用事件驱动的脚本语言
,
它不需要经过
Web
服务器就可以 对
用户的输入做出响应。在访问一个网页时
,
鼠标在网页中进行鼠标点击或上下移、窗 口移动
等操作
JavaScript
都可直接对这些事件给出相应的响应。
在未来很长时间里都是热点语言，改进之后加上硬件提升，
JavaScript< br>甚至有可能成
为一门主流的图形软件开发工具，毕竟配合
HTML
，
C SS
之后很易用，入门门槛很低。然后
看看
node
的发展情况，未来代替< br>Python
和
PHP
也说不定，
JavaScript
可是 天然的
web
基
因。