<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>五子棋</title>
<link rel="stylesheet" type="text/css" href="../../css/api.css" />
<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
<link rel="stylesheet" type="text/css" href="../../css/aui-ext.css" />
<link rel="stylesheet" type="text/css" href="../../css/icon/Rjdaoico.css" />
<style media="screen">
#body{
background: url(../image/123.jpg)no-repeat;
background-size: 100% 100%;
}
#new{
height: 28px;
margin-left: 20%;
margin-top: 5%;
background: url(../image/bb.png)no-repeat;
background-size: 27% 100%;
}
#sz{
margin-left: 5%;
margin-top: 1%;
}
#replay{
height: 28px;
background: url(../image/bb.png)no-repeat;
background-size: 50% 100%;
display:none;
}
#ez{
margin-left: 12%;
margin-top: 4.5%;
}
span{
padding-left: 5%;
}
.aui-padded-t-15{
margin-top: -5%;
}
</style>
<script src="../script/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script>
apiready = function(){
var backAuto = document.getElementById('backaudio');
backAuto.play();
$api.css($api.byId('body'), 'height:'+api.winHeight*0.974+'px');
$(function(){
// var canvas = document.getElementById("map");
var canvas = $api.byId('map');
canvas.width = api.winWidth*0.95;
canvas.height = api.winWidth*0.95;
var width = canvas.width;
var height = canvas.height;
var R = parseInt(width/20);
var ctx = canvas.getContext("2d");
function drawLine(){
ctx.beginPath();
for (var y = R;y<=height-R;y+=R) {
ctx.moveTo(R,y);
ctx.lineTo(height-R,y);
ctx.strokeStyle = "#B0B0B0";
ctx.stroke();
}
for (var x = R;x<=width-R;x+=R) {
ctx.moveTo(x,R);
ctx.lineTo(x,width-R);
ctx.strokeStyle = "#B0B0B0";
ctx.stroke();
}
ctx.closePath();
}
drawLine();
readChess();
canvas.addEventListener("click", play);
// var flag = true;
function play(event){
chess(canvas,event);
if(white.length>black.length && !isEnd()){
AI();
}
writeChess();
if(isEnd()){
canvas.removeEventListener("click", play);
}
}
var rec = [];
function getMin(rx,ry){
for (var i = 1;i<(width-R)/R;i++) {
for(var j = 1;j<(height-R)/R;j++){
if(Math.abs((i*R)-rx)<=(R/2) && Math.abs((j*R)-ry)<=R/2){
rx = i*R;
ry = j*R;
if($.inArray((rx+","+ry),rec) == -1){
rec.push(rx+","+ry);
return [rx,ry];
}else{
return -1;
}
}
}
}
}
var white = [];
var black = [];
function chess(canvas,event){
ctx.beginPath();
var rx = event.clientX - canvas.getBoundingClientRect().left;
var ry = event.clientY - canvas.getBoundingClientRect().top;
var l = getMin(rx,ry);
if (l == -1 || l == '' || l == undefined) {
return;
}
var temp = l[0]+","+l[1];
if(l == -1 || white.indexOf(temp) != -1 || black.indexOf(temp) != -1){
return;
}
var myAuto = document.getElementById('myaudio');
myAuto.play();
ctx.arc(l[0],l[1],R/2,0,2*Math.PI,true);
var chessstyle=ctx.createRadialGradient(l[0]+2,l[1]-2,R/2,l[0]+2,l[1]-2,1);
chessstyle.addColorStop(0,"#D1D1D1");
chessstyle.addColorStop(1,"#F9F9F9");
// ctx.fillStyle = "white";
white.push(l[0]+","+l[1]);
ctx.fillStyle = chessstyle;
ctx.fill();
ctx.closePath();
}
var flagXBlack = false;
var flagYBlack = false;
var flagYXBlack = false;
var flagXYBlack = false;
function AI(){
var num;
var maxPoint = [];
var pointScore = [];
for (var i = R;i < width-R;i+=R) {
pointScore[i] = [];
for (var j = R;j < height-R;j+=R) {
pointScore[i][j] = 0
}
}
for (var i = R;i < width-R;i+=R) {
for (var j = R;j < height-R;j+=R) {
if ($.inArray((i+","+j),rec) == -1) {//遍历所有的空
white.push(i+","+j);//每个空假设放一次白棋
num = numRX(white,black,white[(white.length-1)],1,0);//放了之后白棋横向能连的棋子数
if (num < numRY(white,black,white[white.length-1],1,0)) {
num = numRY(white,black,white[white.length-1],1,0);//放了之后白棋竖向能连的棋子数
}
if (num < numRXY(white,black,white[white.length-1],1,0)) {
num = numRXY(white,black,white[white.length-1],1,0);//放了之后白棋右斜能连的棋子数
}
if (num < numRYX(white,black,white[white.length-1],1,0)) {
num = numRYX(white,black,white[white.length-1],1,0);//放了之后白棋左斜能连的棋子数
}
if(num > 2){
if ((numRX(white,black,white[(white.length-1)],1,0) == numRY(white,black,white[(white.length-1)],1,0)) && (!flagXBlack && !flagYBlack)){
num == 7;
}
if ((numRX(white,black,white[(white.length-1)],1,0) == numRYX(white,black,white[(white.length-1)],1,0)) && (!flagXBlack && !flagYXBlack)){
num == 7;
}
if ((numRX(white,black,white[(white.length-1)],1,0) == numRXY(white,black,white[(white.length-1)],1,0)) && (!flagXBlack && !flagXYBlack)){
num == 7;
}
if ((numRY(white,black,white[(white.length-1)],1,0) == numRYX(white,black,white[(white.length-1)],1,0)) && (!flagYBlack && !flagYXBlack)){
num == 7;
}
if ((numRY(white,black,white[(white.length-1)],1,0) == numRXY(white,black,white[(white.length-1)],1,0)) && (!flagYBlack && !flagXYBlack)){
num == 7;
}
}
if (num < 6) {
if (numRX(white,black,white[(white.length-1)],1,0) > 2 && (!flagXBlack)) {
if ((numRY(white,black,white[white.length-1],1,0) > 2 && (!flagYBlack)) || (numRXY(white,black,white[white.length-1],1,0) > 2 && (!flagXYBlack)) || (numRYX(white,black,white[white.length-1],1,0) > 2 && (!flagYXBlack))) {
num = 7;
}
}
if (numRY(white,black,white[(white.length-1)],1,0) > 2 && (!flagYBlack)) {
if ((numRX(white,black,white[white.length-1],1,0) > 2 && (!flagXBlack)) || (numRXY(white,black,white[white.length-1],1,0) > 2 && (!flagXYBlack)) || (numRYX(white,black,white[white.length-1],1,0) > 2 && (!flagYXBlack))) {
num = 7;
}
}
if (numRXY(white,black,white[(white.length-1)],1,0) > 2 && (!flagXYBlack)) {
if ((numRY(white,black,white[white.length-1],1,0) > 2 && (!flagYBlack)) || (numRX(white,black,white[white.length-1],1,0) > 2 && (!flagXBlack)) || (numRYX(white,black,white[white.length-1],1,0) > 2 && (!flagYXBlack))) {
num = 7;
}
}
if (numRYX(white,black,white[(white.length-1)],1,0) > 2 && (!flagYXBlack)) {
if ((numRY(white,black,white[white.length-1],1,0) > 2 && (!flagYBlack)) || (numRX(white,black,white[white.length-1],1,0) > 2 && (!flagXBlack)) || (numRXY(white,black,white[white.length-1],1,0) > 2 && (!flagXYBlack))) {
num = 7;
}
}
}
switch (num){
case 1:
pointScore[i][j] = 50;
break;
case 2:
pointScore[i][j] = 200;
break;
case 3:
pointScore[i][j] = 500;
break;
case 4:
pointScore[i
chess.zip （73个子文件） 
chess 
index.html 8KB wgt feature script 
commen.js 988B jquery-3.3.1.min.js 85KB api.js 18KB html FiveChessConn.html 9KB qrcode.html 1KB yinyue.html 1KB FiveChess.html 11KB FiveChessLevelUpAPP.html 27KB res .git logs HEAD 133B refs heads master 133B remotes git-svn 136B info exclude 240B index 915B svn .metadata 191B refs remotes git-svn index 915B .rev_map.0e1a2743-8d03-4e5a-a60c-7e26af42b145 24B unhandled.log 246B objects pack 2c 77f76e0300d76c283c3aa287fa84dc2f2826d5 61B 25 6d4eb5ed972686bc130d5f10b26543ea47c86e 5KB df 07a101e4e4b2ba64838c8f7cc938af15ac26a8 1KB 16 8f5d1bde00d00737685d51707f502e9b02ac50 51B info 4c bc40a1798d5dfe0128da98e6a6de1381f3bbc0 51B a8 994743ad8bfe6b1326d40f33be0604619c842d 494B 88 0a6ae62b1ce112d339272cedaccd88e00e8602 23KB c8 de18895b3378525b59e001a2cd801cbee8ddab 64B 9f cd2a2e840e376e5e4f04c547fba943f00585ce 58B fd ac9d4a524176dcad9a0e1ab3b20177abdd93d7 258B b7 211451416628e9721b5e5c44b80bddf0fbc93d 4KB c9 47fea524df62dd342b1c63216c9e730c64b197 5KB 4a ef2cf26369fb75e3aa8f907af511cf14c7acb3 208B 3ab019971df1203a4047627b5627407efde0b0 818B 78 d718a32657fbfc3e4ed7086e02aa64e9f3dc0b 890B 7a f356254292b27e8cfdc6e1ab558a3c2a29ff8f 54B HEAD 23B config 254B refs heads master 41B tags remotes git-svn 41B hooks pre-applypatch.sample 424B pre-push.sample 1KB commit-msg.sample 896B pre-commit.sample 2KB applypatch-msg.sample 478B prepare-commit-msg.sample 1KB update.sample 4KB post-update.sample 189B pre-rebase.sample 5KB pre-receive.sample 544B description 73B launch 
launch1080x1920.png 45KB image she.png 10KB bb.png 11KB noy.png 11KB t.png 17KB
loading_more.gif 6KB
back.jpg 59KB wz.png 13KB 1.png 44KB wzc.png 8KB yin.png 10KB 123.jpg 105KB config.xml 1KB css 001.mp3 8.02MB aui-ext.css 11KB api.css 2KB aui.css 63KB 111.mp3 9.79MB icon .DS_Store 6KB Rjdaoico.woff 636KB Rjdaoico.css 55KB Rjdaoico.ttf 636KB 123.mp3 13KB icon icon150x150.png 5KB资源评论
小白笔记
- 粉丝: 9
- 资源: 1
最新资源
- 白色大气风格的全球旅游公司模板下载.zip
- 白色大气风格的三维设计网页CSS模板下载.zip
- 白色大气风格的色彩管理网站模板下载.zip
- 白色大气风格的商务公司官网模板下载.zip
- 白色大气风格的商务公司企业网站模板.zip
- 白色大气风格的时尚服装品牌模板下载.zip
- 白色大气风格的时间轴房地产模板下载.zip
- 白色大气风格的时尚服装商城模板下载.zip
- 白色大气风格的时装网站模板下载.zip
- 白色大气风格的时装设计公司模板下载.zip
- 白色大气风格的时装在线购物商城模板.zip
- 白色大气风格的世界名表网站模板下载.zip
- 白色大气风格的室内设计企业网站模板.zip
- 白色大气风格的视察滚动房地产模板下载.zip
- 白色大气风格的室内装修设计企业网站模板.zip
- 白色大气风格的室内装修模板下载.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
