html游戏开始代码,求html的小游戏代码

这是一个HTML实现的五子棋小游戏代码,包含了游戏界面、悔棋和计算机智能下棋等功能。用户可以点击棋盘进行下棋,计算机也会自动进行应对。当一方连成五子时,游戏结束并显示结果。
摘要由CSDN通过智能技术生成

五子棋代码送给你

html>

五子棋

canvas {

display: block;

margin: 50px auto;

box-shadow: -2px -2px 2px #EFEFEF, 5px 5px 5px #B9B9B9;

cursor: pointer;

}

.btn-wrap {

display: flex;

flex-direction: row;

justify-content: center;

}

.btn-wrap div {

margin: 0 10px;

}

div>span {

display: inline-block;

padding: 10px 20px;

color: #FFFFFF;

background-color: #EE82EE;

border-radius: 5px;

cursor: pointer;

}

div.unable span {

background: #D6D6D4;

color: #ADACAA;

}

#result-wrap {

text-align: center;

}

--益智五子棋--

重新开始

悔棋

撤销悔棋

var over = false;

var me = true; //我

var _nowi = 0, _nowj = 0; //记录自己下棋的坐标

var _compi = 0, _compj = 0; //记录计算机当前下棋的坐标

var _myWin = [], _compWin = []; //记录我,计算机赢的情况

var backAble = false, returnAble = false;

var resultTxt = document.getElementById("result-wrap");

var chressBord = []; //棋盘

for (var i = 0; i 

chressBord[i] = [];

for (var j = 0; j 

chressBord[i][j] = 0;

}

}

//赢法的统计数组

var myWin = [];

var computerWin = [];

//赢法数组

var wins = [];

for (var i = 0; i 

wins[i] = [];

for (var j = 0; j 

wins[i][j] = [];

}

}

var count = 0; //赢法总数

//横线赢法

for (var i = 0; i 

for (var j = 0; j <11; j++) {

for (var k = 0; k 

wins[i][j+k][count] = true;

}

count++;

}

}

//竖线赢法

for (var i = 0; i 

for (var j = 0; j <11; j++) {

for (var k = 0; k 

wins[j+k][i][count] = true;

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值