HTML5实现人工智能中国象棋网页小游戏-大资源网

资源介绍
更新记录
安装教程

HTML5中国象棋网页小游戏源码分享，HTML5+js实现中国象棋网页小游戏。人工智能网页象棋小游戏。游戏背景为木板，页面默认显示较小，可通过换肤变大棋盘。象棋游戏包括新手、中级、大师水平，可以悔棋，同时显示AI搜索结果，提示最佳走法。进入游戏后请选择你要对战的水平

HTML5中国象棋网页小游戏源码分享，HTML5+js实现中国象棋网页小游戏。人工智能网页象棋小游戏。游戏背景为木板，页面默认显示较小，可通过换肤变大棋盘。象棋游戏包括新手、中级、大师水平，可以悔棋，同时显示AI搜索结果，提示最佳走法。

1、html页面代码

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” />
<title>HTML5实现中国象棋网页小游戏 – bokequ.com</title>
<link href=“css/zzsc.css” type=“text/css” rel=“stylesheet” />
</head>
<body>
<div class=“box” id=“box”>
<div class=“chess_left”>
<canvas id=“chess”>对不起，您的浏览器不支持HTML5，请升级浏览器至IE9、firefox或者谷歌浏览器！</canvas>
<audio src=“audio/click.wav” id=“clickAudio” preload=“auto”></audio>
<!–<audio src=”audio/check.wav” id=”checkAudio” preload=”auto”></audio>–>
<audio src=“audio/select.wav” id=“selectAudio” preload=“auto”></audio>
<div>
<div class=“bn_box” id=“bnBox”>
<input type=“button” name=“offensivePlay” id=“tyroPlay” value=“新手水平” />
<input type=“button” name=“offensivePlay” id=“superPlay” value=“中级水平” />
<input type=“button” name=“button” id=“” value=“大师水平” disabled />
<!–
<input type=”button” name=”offensivePlay” id=”offensivePlay” value=”先手开始” />
<input type=”button” name=”defensivePlay” id=”defensivePlay” value=”后手开始” />
–>
<input type=“button” name=“regret” id=“regretBn” value=“悔棋” />
<input type=“button” name=“billBn” id=“billBn” value=“棋谱” class=“bn_box” />
<input type=“button” name=“stypeBn” id=“stypeBn” value=“换肤” />
</div>
</div>
</div>
<div class=“chess_right” id=“chessRight”>
<select name=“billList” id=“billList”>
</select>
<ol id=“billBox” class=“bill_box”>
</ol>
</div>
<div id=“moveInfo” class=“move_info”> </div>
</div>
<script src=“js/common.js”></script>
<script src=“js/play.js”></script>
<script src=“js/AI.js”></script>
<script src=“js/bill.js”></script>
<script src=“js/gambit.js”></script>
<div style=“text–align:center;clear:both“>
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器</p>
</div>
</body>
</html>

2、部分js代码

/*! qq一叶孤舟 */
var AI = AI||{};
AI.historyTable = {}; //历史表
//人工智能初始化
AI.init = function(pace){
var bill = AI.historyBill || com.gambit; //开局库
if (bill.length){
var len=pace.length;
var arr=[];
//先搜索棋谱
for (var i=0;i< bill.length;i++){
if (bill[i].slice(0,len)==pace) {
arr.push(bill[i]);
}
}
if (arr.length){
var inx=Math.floor( Math.random() * arr.length );
AI.historyBill = arr ;
return arr[inx].slice(len,len+4).split(“”);
}else{
AI.historyBill = [] ;
}
}
//如果棋谱里面没有，人工智能开始运作
var initTime = new Date().getTime();
AI.treeDepth=play.depth;
//AI.treeDepth=4;
AI.number=0;
AI.setHistoryTable.lenght = 0
var val=AI.getAlphaBeta(-99999 ,99999, AI.treeDepth, com.arr2Clone(play.map),play.my);
//var val = AI.iterativeSearch(com.arr2Clone(play.map),play.my)
if (!val||val.value==-8888) {
AI.treeDepth=2;
val=AI.getAlphaBeta(-99999 ,99999, AI.treeDepth, com.arr2Clone(play.map),play.my);
}
//var val = AI.iterativeSearch(com.arr2Clone(play.map),play.my);
if (val&&val.value!=-8888) {
var man = play.mans[val.key];
var nowTime= new Date().getTime();
com.get(“moveInfo”).innerHTML=‘<h3>AI搜索结果：</h3>最佳着法：’+
com.createMove(com.arr2Clone(play.map),man.x,man.y,val.x,val.y)+
‘<br />搜索深度：’+AI.treeDepth+‘<br />搜索分支：’+
AI.number+‘个 <br />最佳着法评估：’+
val.value+‘分’+
‘ <br />搜索用时：’+
(nowTime–initTime)+‘毫秒’
return [man.x,man.y,val.x,val.y]
}else {
return false;
}
}
//迭代加深搜索着法
AI.iterativeSearch = function (map, my){
var timeOut=100;
var initDepth = 1;
var maxDepth = 8;
AI.treeDepth=0;
var initTime = new Date().getTime();
var val = {};
for (var i=initDepth; i<=maxDepth; i++){
var nowTime= new Date().getTime();
AI.treeDepth=i;
AI.aotuDepth=i;
var val = AI.getAlphaBeta(-99999, 99999, AI.treeDepth , map ,my)
if (nowTime–initTime > timeOut){
return val;
}
}
return false;
}
//取得棋盘上所有棋子
AI.getMapAllMan = function (map, my){
var mans=[];
for (var i=0; i<map.length; i++){
for (var n=0; n<map[i].length; n++){
var key = map[i][n];
if (key && play.mans[key].my == my){
play.mans[key].x = n;
play.mans[key].y = i;
mans.push(play.mans[key])
}
}
}
return mans;
}
/*
//取得棋谱所有己方棋子的着法
AI.getMoves = function (map, my, txtMap){
var highMores = []; //优先级高的着法
var manArr = AI.getMapAllMan (map, my);
var moves = [];
var history=AI.historyTable[txtMap];
for (var i=0; i<manArr.length; i++){
var man = manArr[i];
var val=man.bl(map);
for (var n=0; n<val.length; n++){
if (history){
highMores.push([man.x,man.y,val[n][0],val[n][1],man.key])
}else{
moves.push([man.x,man.y,val[n][0],val[n][1],man.key])
}
}
}
return highMores.concat(moves);
}
*/
//取得棋谱所有己方棋子的着法
AI.getMoves = function (map, my){
var manArr = AI.getMapAllMan (map, my);
var moves = [];
var foul=play.isFoul;
for (var i=0; i<manArr.length; i++){
var man = manArr[i];
var val=man.bl(map);
for (var n=0; n<val.length; n++){
var x=man.x;
var y=man.y;
var newX=val[n][0];
var newY=val[n][1];
//如果不是长将着法
if (foul[0]!=x || foul[1]!=y || foul[2]!=newX || foul[3]!=newY ){
moves.push([x,y,newX,newY,man.key])
}
}
}
return moves;
}
//A:当前棋手value/B:对手value/depth：层级
AI.getAlphaBeta = function (A, B, depth, map ,my) {
//var txtMap= map.join();
//var history=AI.historyTable[txtMap];
// if (history && history.depth >= AI.treeDepth-depth+1){
// return history.value*my;
//}
if (depth == 0) {
return {“value”:AI.evaluate(map , my)}; //局面评价函数;
　 }
　 var moves = AI.getMoves(map , my ); //生成全部走法;
　 //这里排序以后会增加效率
for (var i=0; i < moves.length; i++) {
　　 //走这个走法;
var move= moves[i];
var key = move[4];
var oldX= move[0];
var oldY= move[1];
var newX= move[2];
var newY= move[3];
var clearKey = map[ newY ][ newX ]||“”;
map[ newY ][ newX ] = key;
delete map[ oldY ][ oldX ];
play.mans[key].x = newX;
play.mans[key].y = newY;
　　if (clearKey==“j0”||clearKey==“J0”) {//被吃老将,撤消这个走法;
play.mans[key] .x = oldX;
play.mans[key] .y = oldY;
map[ oldY ][ oldX ] = key;
delete map[ newY ][ newX ];
if (clearKey){
map[ newY ][ newX ] = clearKey;
// play.mans[ clearKey ].isShow = false;
}
return {“key”:key,“x”:newX,“y”:newY,“value”:8888};
//return rootKey;
　　}else {
　　 var val = –AI.getAlphaBeta(-B, –A, depth – 1, map , –my).value;
//val = val || val.value;
　　 //撤消这个走法;　
play.mans[key] .x = oldX;
play.mans[key] .y = oldY;
map[ oldY ][ oldX ] = key;
delete map[ newY ][ newX ];
if (clearKey){
map[ newY ][ newX ] = clearKey;
//play.mans[ clearKey ].isShow = true;
}
　　 if (val >= B) {
//将这个走法记录到历史表中;
//AI.setHistoryTable(txtMap,AI.treeDepth-depth+1,B,my);
return {“key”:key,“x”:newX,“y”:newY,“value”:B};
}
if (val > A) {
　　　　 A = val; //设置最佳走法;
if (AI.treeDepth == depth) var rootKey={“key”:key,“x”:newX,“y”:newY,“value”:A};
}
}
　 }
//将这个走法记录到历史表中;
//AI.setHistoryTable(txtMap,AI.treeDepth-depth+1,A,my);
if (AI.treeDepth == depth) {//已经递归回根了
if (!rootKey){
//AI没有最佳走法，说明AI被将死了，返回false
return false;
}else{
//这个就是最佳走法;
return rootKey;
}
}
　return {“key”:key,“x”:newX,“y”:newY,“value”:A};
}
//奖着法记录到历史表
AI.setHistoryTable = function (txtMap,depth,value,my){
AI.setHistoryTable.lenght ++;
AI.historyTable[txtMap] = {depth:depth,value:value}
}
//评估棋局取得棋盘双方棋子价值差
AI.evaluate = function (map,my){
var val=0;
for (var i=0; i<map.length; i++){
for (var n=0; n<map[i].length; n++){
var key = map[i][n];
if (key){
val += play.mans[key].value[i][n] * play.mans[key].my;
}
}
}
//val+=Math.floor( Math.random() * 10); //让AI走棋增加随机元素
//com.show()
//z(val*my)
AI.number++;
return val*my;
}
//评估棋局取得棋盘双方棋子价值差
AI.evaluate1 = function (map,my){
var val=0;
for (var i in play.mans){
var man=play.mans[i];
if (man.isShow){
val += man.value[man.y][man.x] * man.my;
}
}
//val+=Math.floor( Math.random() * 10); //让AI走棋增加随机元素
//com.show()
//z(val*my)
AI.number++;
return val*my;
}

猜你在找

HTML5实现人工智能中国象棋网页小游戏

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用？: 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。

提示下载完但解压或打开不了？: 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量，若小于网盘提示的容量则是这个原因。这是浏览器下载的bug，建议用百度网盘软件或迅雷下载。若排除这种情况，可在对应资源底部留言，或联络我们.。

找不到素材资源介绍文章里的示例图片？: 对于PPT，KEY，Mockups，APP，网页模版等类型的素材，文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买，且本站不负责(也没有办法)找到出处。同样地一些字体文件也是这种情况，但部分素材会在素材包内有一份字体下载链接清单。

大资源: 一个高级程序员模板开发平台

大资源网会员

分享到：

2026-06-05Hi,初次和大家见面了,请多关照！

售后服务范围	1、商业模板使用范围内问题免费咨询
	2、源码安装、模板安装（一般 ¥50-300）服务答疑仅限SVIP用户
	3、单价超过200元的模板免费一次安装，需提供服务器信息。

付费增值服务	1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
	2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务

	3、服务器环境配置（一般 ¥50-300）
	4、网站的问题处理（需额外付费，500元/次/质保三个月）
售后服务时间	周一至周日（法定节假日除外） 9:00-23:00
免责声明	本站所提供的模板（主题/插件）等资源仅供学习交流，若使用商业用途，请购买正版授权，否则产生的一切后果将由下载用户自行承担，有部分资源为网上收集或仿制而来，若模板侵犯了您的合法权益，请来信通知我们（Email: 3482249445@qq.com），我们会及时删除，给您带来的不便，我们深表歉意！

猜你喜欢

猜你在找

常见问题FAQ

大资源网 会员

发表评论 取消回复

售后服务：

Hi, 如果你对这款模板有疑问，可以跟我联系哦！

升级SVIP会员

联系我们

大资源网会员

发表评论取消回复