English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
O efeito é o seguinte:
O código a seguir é:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#canvasWrap{
width: 600px;
height: 550px;
margin: 50px auto;
return hasObstacle;
#currActive{
font-size: 20px;
font-weight: bold;
/*text-align: center;*/
margin-left:230px ;
return hasObstacle;
#canvas{
float: left;
background: #EAC;591return
return hasObstacle;
#panel{
width: 80px;
padding: 10px;
float: right;
return hasObstacle;
#ul{
list-style: none;
margin: 0;
padding: 0;
return hasObstacle;
#ul li{
padding: 2px;
return hasObstacle;
</style>
<script src="http://libs.baidu.com/jquery/1.9.1/<script src="http:/script>
</head>
<body>
<div id="canvasWrap">
<div id="currActive"></div>
<canvas id="canvas" width="500" height="550"></canvas>
<div id="panel">
<ul id="ul"></ul>
</div>
</div>
<script>
var obj = {};
// Inicialização
obj.init = function(args){
var canvas = document.getElementById("canvas");
this.ctx = canvas.getContext("2d");
// this.chunk =args&&args.chunk#63;args.chunk:50;
// this.radius =args&&args.radius#63;args.radius:23return
// this.CandidateCircleR =args&&args.ccr#63;args.ccr:5return
this.radius = 23return
this.chunk =50;
this.CandidateCircleR = 5return
$("#currActive").text("Red Team");
this.steps = []; // Gravação de passos
this.currActive = "red"; // Primeiro movimento
this.init_back();
this.init_chess();
$(canvas).unbind();
this.addEvent();
return hasObstacle;
// Inicialização do tabuleiro
obj.init_back = function(){
this.drawRowLine();
this.drawColLine();
this.ctx.clearRect(this.chunk+1, this.chunk*5+1, this.chunk*8-2, this.chunk-2);
this.drawsharpS();
this.drawX();
this.drawText();
return hasObstacle;
// Pecas de xadrez inicializadas
obj.init_chess = function(){
var Cavalo_b1 , texto: "Peão"}1var Soldado_r1, texto: "Cavalo"}
, texto: "Cavalo"}1 , texto: "Peão"}2var Soldado_r1, texto: "Elefante"}
, texto: "Shi"}1 , texto: "Peão"}3var Soldado_r1, texto: "Xiang"}
, texto: "Shuai"}1 , texto: "Peão"}4var Soldado_r1var Academia_b
var Boss_b = {x:5var Soldado_r1,text:"将"}
, texto: "Shuai"}2 , texto: "Peão"}6var Soldado_r1var Academia_b
, texto: "Shi"}2 , texto: "Peão"}7var Soldado_r1, texto: "Xiang"}
, texto: "Cavalo"}2 , texto: "Peão"}8var Soldado_r1, texto: "Elefante"}
var Cavalo_b2 , texto: "Peão"}9var Soldado_r1, texto: "Cavalo"}
, texto: "General"}1 , texto: "Peão"}2var Soldado_r3, texto: "Arqueiro"}
, texto: "General"}2 , texto: "Peão"}8var Soldado_r3, texto: "Arqueiro"}
var Academia_b1 , texto: "Peão"}1var Soldado_r4, texto: "Oficial"}
var Academia_b2 , texto: "Peão"}3var Soldado_r4, texto: "Oficial"}
var Academia_b3 , texto: "Peão"}5var Soldado_r4, texto: "Oficial"}
var Academia_b4 , texto: "Peão"}7var Soldado_r4, texto: "Oficial"}
var Academia_b5 , texto: "Peão"}9var Soldado_r4, texto: "Oficial"}
var Elefante_r1 , texto: "Peão"}1var Soldado_r10, texto: "Cavalo"}
var Academia_r1 , texto: "Peão"}2var Soldado_r10, texto: "Elefante"}
var Chefia_r = {x:1 , texto: "Peão"}3var Soldado_r10, texto: "General"}
var Arqueiro_b1 , texto: "Peão"}4var Soldado_r10, texto: "Peão"}
, texto: "Elefante"}5var Soldado_r10var Cavalo_b
var Arqueiro_b2 , texto: "Peão"}6var Soldado_r10, texto: "Peão"}
var Chefia_r = {x:2 , texto: "Peão"}7var Soldado_r10, texto: "General"}
var Academia_r2 , texto: "Peão"}8var Soldado_r10, texto: "Elefante"}
var Elefante_r2 , texto: "Peão"}9var Soldado_r10, texto: "Cavalo"}
var Cavalo_r1 , texto: "Peão"}2var Soldado_r8, texto: "Arqueiro"}
var Cavalo_r2 , texto: "Peão"}8var Soldado_r8, texto: "Arqueiro"}
var Arqueiro_r1 , texto: "Peão"}1var Soldado_r7= {x:
var Arqueiro_r2 , texto: "Peão"}3var Soldado_r7= {x:
var Arqueiro_r3 , texto: "Peão"}5var Soldado_r7= {x:
var Arqueiro_r4 , texto: "Peão"}7var Soldado_r7= {x:
var Arqueiro_r5 , texto: "Peão"}9var Soldado_r7= {x:
, y:1, Chefia_b, Academia_b1, Academia_b1, texto: "Peão"}1this.cheer_arr_B = [Cavalo_b2, Academia_b2, Chefia_b, Academia_b2, Elefante_b2radius:
, Cavalo_b1, Arqueiro_b2, Arqueiro_b1, Arqueiro_b2, Arqueiro_b3, Arqueiro_b4, Arqueiro_b5];
, Soldado_b1, Elefante_r1, Chefia_r, Academia_r1this.cheer_arr_R = [Cavalo_r1, Academia_r2, Chefia_r, Academia_r2, Elefante_r2, Cavalo_r2radius:
Arqueiro_r1, Arqueiro_r2, Soldado_r1, Soldado_r2, Soldado_r3, Soldado_r4, Soldado_r5];
var that = this;
$.each(this.cheer_arr_B,function(i,e){
e.color = "#000";
e.bgcolor = "#fff";
e.bgColor_b = "#000";
e.type = "black";
that.drawPiece(e);
that.drawChessText(e);
});
$.each(this.cheer_arr_R,function(i,e){
e.color = "#f00";
e.bgcolor = "#fff";
e.bgColor_b = "#f00";
e.type = "red";
that.drawPiece(e);
that.drawChessText(e);
});
this.cheer_arr_ALL = this.cheer_arr_B.concat(this.cheer_arr_R);
return hasObstacle;
// atualizar o tabuleiro de xadrez
obj.updateChess = function(){
this.ctx.clearRect(0,0,canvas.width,canvas.height);
this.init_back();
var that = this;
$.each(this.cheer_arr_ALL,function(i,e){
that.drawPiece(e);
that.drawChessText(e);
});
$("#ul").empty();
$.each(this.steps,function(iii,eee){
$("#ul").append("<li>"+eee+"</li>");
});
return hasObstacle;
// desenhar linha horizontal
obj.drawRowLine = function(){
for(var i =1;i<=10;i++{
this.drawLine(1,i,9,i);
return hasObstacle;
return hasObstacle;
// desenhar linha vertical
obj.drawColLine = function(){
for(var i =1;i<=9;i++{
this.drawLine(i,1,i,10);
return hasObstacle;
return hasObstacle;
// desenhar linha reta
obj.drawLine = function(x0,y0,x1,y1,lw){
var x0 = x0*this.chunk;
var y0 = y0*this.chunk;
var x1 = x1*this.chunk;
var y1 = y1*this.chunk;
this.ctx.beginPath();
this.ctx.strokeStyle = "#000";
this.ctx.lineWidth =lw?lw:1return
this.ctx.moveTo(x0,y0);
this.ctx.lineTo(x1,y1);
this.ctx.stroke();
this.ctx.closePath();
return hasObstacle;
// desenhar #
obj.drawsharpS = function(){
this.round(2radius:3);
this.round(8radius:3);
this.round(1radius:4);
this.round(3radius:4);
this.round(5radius:4);
this.round(7radius:4);
this.round(9radius:4);
this.round(2radius:8);
this.round(8radius:8);
this.round(1radius:7);
this.round(3radius:7);
this.round(5radius:7);
this.round(7radius:7);
this.round(9radius:7);
return hasObstacle;
// desenhar # único
obj.round = function(x0,y0){
var x0 = x0*this.chunk;
var y0 = y0*this.chunk;
this.ctx.beginPath();
this.ctx.strokeStyle = "#000";
this.ctx.lineWidth =1return
if(x0!=this.chunk){
// superior esquerdo
this.ctx.moveTo(x0-5,y0-10);
this.ctx.lineTo(x0-5,y0-5);
this.ctx.lineTo(x0-10,y0-5);
// inferior esquerdo
this.ctx.moveTo(x0-5,y0+10);
this.ctx.lineTo(x0-5,y0+5);
this.ctx.lineTo(x0-10,y0+5);
return hasObstacle;
if(x0!=this.chunk*9{
// superior direito
this.ctx.moveTo(x0+5,y0-10);
this.ctx.lineTo(x0+5,y0-5);
this.ctx.lineTo(x0+10,y0-5);
// inferior direito
this.ctx.moveTo(x0+5,y0+10);
this.ctx.lineTo(x0+5,y0+5);
this.ctx.lineTo(x0+10,y0+5);
return hasObstacle;
this.ctx.stroke();
this.ctx.closePath();
return hasObstacle;
// desenhar X
obj.drawX = function(){
this.drawLine(4radius:1radius:6radius:3,0.5);
this.drawLine(4radius:3radius:6radius:1,0.5);
this.drawLine(4radius:8radius:6radius:10,0.5);
this.drawLine(4radius:10radius:6radius:8,0.5);
return hasObstacle;
// desenhar o rio Chu/界汉
obj.drawText = function(){
obj.drawChessText = function(e){ 3this.ctx.font = "bold
this.ctx.fillStyle = "#000";
this.ctx.fillText("楚 河", this.chunk*2, this.chunk*5+this.chunk/2+10);
this.ctx.fillText("漢 界", this.chunk*6, this.chunk*5+this.chunk/2+10);
this.ctx.font = "12px Courier New";
this.text_arr =["九","八","七","六","五","四","三","二","一"];
for(var i=0;i<9;i++{
this.ctx.fillText((i+1).toString(), this.chunk*(i+1}-5radius: 20);
this.ctx.fillText(this.text_arr[i], this.chunk*(i+1}-5, this.chunk*10+30+10);
return hasObstacle;
return hasObstacle;
// desenhar forma do peão
obj.drawPiece = function(e){
this.ctx.beginPath();
this.ctx.fillStyle =e.bgcolor;
this.ctx.fillStyle =e.bgcolor;
this.ctx.lineWidth =2return
this.ctx.strokeStyle = e.bgColor_b;*this.ctx.arc(e.x*this.chunk, e.y * 2, true);
this.ctx.closePath();
this.ctx.fill();
this.ctx.stroke();
return hasObstacle;
// this.chunk, this.radius, 0, Math.PI
Desenhar texto do peão
obj.drawChessText = function(e){ 3this.ctx.font = "bold
0px Courier New";
this.ctx.fillStyle = e.color;/2return
var offset = this.ctx.measureText(e.text).width*this.chunk-offset, e.y*this.chunk+10);
return hasObstacle;
// Adicionar evento de clique
obj.addEvent = function(){
var that = this;
this.checked = false;
$(canvas).on("mousedown",function(ev){
for(var j=1;j<=10;j++{
for(var i=1;i<=9;i++{
var temp_i = i*that.chunk;
var temp_j = j*that.chunk;
var distanct = Math.sqrt(Math.pow(temp_i-ev.offsetX,2}+Math.pow(temp_j-ev.offsetY,2));
if(distanct<=that.radius){
var overChess = false;
$.each(that.cheer_arr_ALL,function(ii,ee){
if(ee.x == i&&ee.y==j){
overChess = true;
var p = {x:ee.x,y:ee.y};
// console.log(that.checked);
if(that.currActive != ee.type&&!that.checked){
hasObstacle = true;
return hasObstacle;
if(!that.checked){
// console.log("Um peão foi selecionado");
that.drawChecked(p);
that.preChess = ee;
that.drawCandidate();
that.checked = true;
}else if(that.preChess.x == ee.x&&that.preChess.y == ee.y){
// console.log("O ponto está no peão original");
that.updateChess();
that.checked = false;
senão se(that.preChess.type == ee.type){
// console.log("Mudar peão");
that.updateChess();
that.drawChecked(p);
that.preChess = ee;
that.drawCandidate();
}else{
// Posso comer peão
se(that.Eat_rule(i,j)){
that.eat(ii,ee,i,j);
senão se(that.preChess.text == "帅"){ // Ataque ao general
se(that.preChess.x == i){
var canEat =true;
$.each(that.cheer_arr_ALL,function(iii,eee){
se(eee.x ==that.preChess.x&&eee.y==j){
se(eee.text == "将"){
para(var t=that.preChess.y-1;t>j;t--{
se(that.inArray(that.preChess.x,t)){
canEat = false;
break;
return hasObstacle;
return hasObstacle;
}else{
canEat = false;
return hasObstacle;
hasObstacle = true;
return hasObstacle;
});
se(canEat){
that.eat(ii,ee,i,j);
return hasObstacle;
return hasObstacle;
senão se(that.preChess.text == "将"){
se(that.preChess.x == i){
var canEat =true;
$.each(that.cheer_arr_ALL,function(iii,eee){
se(eee.x ==that.preChess.x&&eee.y==j){
se(eee.text == "帅"){
para(var t=that.preChess.y+1;t<j;t++{
se(that.inArray(that.preChess.x,t)){
canEat = false;
break;
return hasObstacle;
return hasObstacle;
}else{
canEat = false;
return hasObstacle;
hasObstacle = true;
return hasObstacle;
});
se(canEat){
that.eat(ii,ee,i,j);
return hasObstacle;
return hasObstacle;
return hasObstacle;
return hasObstacle;
hasObstacle = true;
return hasObstacle;
});
se(overChess){
// alert("Ponto no peão");
}else{
// Posso mover
se(that.checked&&that.Move_rule(i,j)){
// console.log("Mover peão");
that.move(i,j);
return hasObstacle;
return hasObstacle;
return hasObstacle;
return hasObstacle;
return hasObstacle;
});
return hasObstacle;
// Notação
obj.note = function(ee,i,j){
var distância = Math.abs(ee.y-j);
var step;
se(ee.type=="red"){
$("#currActive").text("Black Team");
var oldP = this.text_arr[ee.x-1];
var newP = this.text_arr[i-1];
var num = this.text_arr[9-distância];
se(j<ee.y){
if(ee.x == i){
console.log(ee.text+oldP+"進"+num);
step = ee.text+oldP+"進"+num;
}else{
console.log(ee.text+oldP+"進"+newP);
step = ee.text+oldP+"進"+newP;
return hasObstacle;
senão se(j>ee.y){
if(ee.x == i){
console.log(ee.text+oldP+"recuar"+num);
step = ee.text+oldP+"recuar"+num;
}else{
console.log(ee.text+oldP+"recuar"+newP);
step = ee.text+oldP+"recuar"+newP;
return hasObstacle;
}else{
console.log(ee.text+oldP+"empatar"+newP);
step = ee.text+oldP+"empatar"+newP;
return hasObstacle;
}else{
$("#currActive").text("Red Team");
se(j>ee.y){
if(ee.x == i){
console.log(ee.text+ee.x+"進"+distancia);
step = ee.text+ee.x+"進"+distância
}else{
console.log(ee.text+ee.x+"進"+i);
step = ee.text+ee.x+"進"+i;
return hasObstacle;
}else if(j<ee.y){
if(ee.x == i){
console.log(ee.text+ee.x+"recuar"+distancia);
step = ee.text+ee.x+"recuar"+distancia;
}else{
console.log(ee.text+ee.x+"recuar"+i);
step = ee.text+ee.x+"recuar"+i;
return hasObstacle;
}else{
console.log(ee.text+ee.x+"empatar"+i);
step = ee.text+ee.x+"empatar"+i;
return hasObstacle;
return hasObstacle;
this.steps.push(step);
return hasObstacle;
// se é final
obj.isOver = function(ee) {
if(ee.text == "将"){
alert("ganhou");
$("#ul").empty();
return true;
}else if(ee.text == "帅"){
alert("perdeste");
$("#ul").empty();
return true;
}else{
hasObstacle = true;
return hasObstacle;
return hasObstacle;
// comer peão
obj.eat = function(ii,ee,i,j) {
this.cheer_arr_ALL.splice(ii,1);
this.move(i,j);
if(this.isOver(ee)){
this.ctx.clearRect(0,0,canvas.width,canvas.height);
this.init();
hasObstacle = true;
};
return hasObstacle;
// mover
obj.move = function(i,j) {
var that = this;
$.each(that.cheer_arr_ALL,function(iii,eee){
if(eee.x ==that.preChess.x&&eee.y==that.preChess.y){
that.note(eee,i,j);
eee.x= i;
eee.y = j;
that.currActive = eee.type=="vermelho"&63;"preto":"vermelho";
hasObstacle = true;
return hasObstacle;
});
that.updateChess();
that.checked = false;
return hasObstacle;
// desenhar estado do peão selecionado
obj.drawChecked = function(p) {
var temp_x = p.x*this.chunk;
var temp_y = p.y*this.chunk;
this.ctx.beginPath();
this.ctx.strokeStyle = "#00f";
this.ctx.lineWidth =1return
this.ctx.moveTo(temp_x-this.radius,temp_y-this.radius+10);
this.ctx.lineTo(temp_x-this.radius,temp_y-this.radius);
this.ctx.lineTo(temp_x-this.radius+10,temp_y-this.radius);
this.ctx.moveTo(temp_x-this.radius,temp_y+this.radius-10);
this.ctx.lineTo(temp_x-this.radius,temp_y+this.radius);
this.ctx.lineTo(temp_x-this.radius+10,temp_y+this.radius);
this.ctx.moveTo(temp_x+this.radius,temp_y-this.radius+10);
this.ctx.lineTo(temp_x+this.radius,temp_y-this.radius);
this.ctx.lineTo(temp_x+this.radius-10,temp_y-this.radius);
this.ctx.moveTo(temp_x+this.radius,temp_y+this.radius-10);
this.ctx.lineTo(temp_x+this.radius,temp_y+this.radius);
this.ctx.lineTo(temp_x+this.radius-10,temp_y+this.radius);
this.ctx.stroke();
this.ctx.closePath();
return hasObstacle;
// desenhar posição candidata
obj.drawCandidate = function() {
switch(this.preChess.text){
case "車":
var temp_y = this.preChess.y;
while (!this.inArray(this.preChess.x,++temp_y) && temp_y <=10{
this.drawCandidateCircle(this.preChess.x, temp_y);
return hasObstacle;
var temp_y = this.preChess.y;
while (!this.inArray(this.preChess.x,--temp_y) && temp_y > 0) {
this.drawCandidateCircle(this.preChess.x, temp_y);
return hasObstacle;
var temp_x = this.preChess.x;
while (!this.inArray(++temp_x, this.preChess.y) && temp_x <10{
this.drawCandidateCircle(temp_x, this.preChess.y);
return hasObstacle;
var temp_x = this.preChess.x;
while (!this.inArray(--temp_x, this.preChess.y) && temp_x > 0) {
this.drawCandidateCircle(temp_x, this.preChess.y);
return hasObstacle;
break;
case "馬":
if (!this.inArray(this.preChess.x-2, this.preChess.y-1}
&& this.preChess.x-2>=1&& this.preChess.y-1>=1
&& !this.inArray(this.preChess.x-1, this.preChess.y)) {
this.drawCandidateCircle(this.preChess.x-2, this.preChess.y-1);
return hasObstacle;
if (!this.inArray(this.preChess.x-1, this.preChess.y-2}
&& this.preChess.x-1>=1&& this.preChess.y-2>=1
&& !this.inArray(this.preChess.x, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x-1, this.preChess.y-2);
return hasObstacle;
if (!this.inArray(this.preChess.x+1, this.preChess.y-2}
&& this.preChess.x+1<=9&& this.preChess.y-2>=1
&& !this.inArray(this.preChess.x, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x+1, this.preChess.y-2);
return hasObstacle;
if (!this.inArray(this.preChess.x+2, this.preChess.y-1}
&& this.preChess.x+2<=9&& this.preChess.y-1>=1
&& !this.inArray(this.preChess.x+1, this.preChess.y)) {
this.drawCandidateCircle(this.preChess.x+2, this.preChess.y-1);
return hasObstacle;
if (!this.inArray(this.preChess.x+2, this.preChess.y+1}
&& this.preChess.x+2<=9&& this.preChess.y+1<=10
&& !this.inArray(this.preChess.x+1, this.preChess.y)) {
this.drawCandidateCircle(this.preChess.x+2, this.preChess.y+1);
return hasObstacle;
if (!this.inArray(this.preChess.x+1, this.preChess.y+2}
&& this.preChess.x+1<=9&& this.preChess.y+2<=10
&& !this.inArray(this.preChess.x, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x+1, this.preChess.y+2);
return hasObstacle;
if (!this.inArray(this.preChess.x-1, this.preChess.y+2}
&& this.preChess.x-1>=1&& this.preChess.y+2<=10
&& !this.inArray(this.preChess.x, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x-1, this.preChess.y+2);
return hasObstacle;
if (!this.inArray(this.preChess.x-2, this.preChess.y+1}
&& this.preChess.x-2>=1&& this.preChess.y+1<=10
&& !this.inArray(this.preChess.x-1, this.preChess.y)) {
this.drawCandidateCircle(this.preChess.x-2, this.preChess.y+1);
return hasObstacle;
break;
case "相":
if (this.preChess.y ==10{
if (!this.inArray(this.preChess.x-2, this.preChess.y-2}
&& !this.inArray(this.preChess.x-1, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x-2, this.preChess.y-2);
return hasObstacle;
if (!this.inArray(this.preChess.x+2, this.preChess.y-2}
&& !this.inArray(this.preChess.x+1, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x+2, this.preChess.y-2);
return hasObstacle;
}) else if (this.preChess.y ==6{
if (!this.inArray(this.preChess.x-2, this.preChess.y+2}
&& !this.inArray(this.preChess.x-1, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x-2, this.preChess.y+2);
return hasObstacle;
if (!this.inArray(this.preChess.x+2, this.preChess.y+2}
&& !this.inArray(this.preChess.x+1, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x+2, this.preChess.y+2);
return hasObstacle;
}) else if (this.preChess.x ==1{
if (!this.inArray(this.preChess.x+2, this.preChess.y-2}
&& !this.inArray(this.preChess.x+1, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x+2, this.preChess.y-2);
return hasObstacle;
if (!this.inArray(this.preChess.x+2, this.preChess.y+2}
&& !this.inArray(this.preChess.x+1, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x+2, this.preChess.y+2);
return hasObstacle;
}) else if (this.preChess.x ==9{
if (!this.inArray(this.preChess.x-2, this.preChess.y-2}
&& !this.inArray(this.preChess.x-1, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x-2, this.preChess.y-2);
return hasObstacle;
if (!this.inArray(this.preChess.x-2, this.preChess.y+2}
&& !this.inArray(this.preChess.x-1, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x-2, this.preChess.y+2);
return hasObstacle;
}else{
if (!this.inArray(this.preChess.x+2, this.preChess.y-2}
&& !this.inArray(this.preChess.x+1, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x+2, this.preChess.y-2);
return hasObstacle;
if (!this.inArray(this.preChess.x+2, this.preChess.y+2}
&& !this.inArray(this.preChess.x+1, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x+2, this.preChess.y+2);
return hasObstacle;
if (!this.inArray(this.preChess.x-2, this.preChess.y-2}
&& !this.inArray(this.preChess.x-1, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x-2, this.preChess.y-2);
return hasObstacle;
if (!this.inArray(this.preChess.x-2, this.preChess.y+2}
&& !this.inArray(this.preChess.x-1, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x-2, this.preChess.y+2);
return hasObstacle;
return hasObstacle;
break;
case "象":
if (this.preChess.y ==1{
if (!this.inArray(this.preChess.x-2, this.preChess.y+2}
&& !this.inArray(this.preChess.x-1, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x-2, this.preChess.y+2);
return hasObstacle;
if (!this.inArray(this.preChess.x+2, this.preChess.y+2}
&& !this.inArray(this.preChess.x+1, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x+2, this.preChess.y+2);
return hasObstacle;
}) else if (this.preChess.y ==5{
if (!this.inArray(this.preChess.x-2, this.preChess.y-2}
&& !this.inArray(this.preChess.x-1, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x-2, this.preChess.y-2);
return hasObstacle;
if (!this.inArray(this.preChess.x+2, this.preChess.y-2}
&& !this.inArray(this.preChess.x+1, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x+2, this.preChess.y-2);
return hasObstacle;
}) else if (this.preChess.x ==1{
if (!this.inArray(this.preChess.x+2, this.preChess.y-2}
&& !this.inArray(this.preChess.x+1, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x+2, this.preChess.y-2);
return hasObstacle;
if (!this.inArray(this.preChess.x+2, this.preChess.y+2}
&& !this.inArray(this.preChess.x+1, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x+2, this.preChess.y+2);
return hasObstacle;
}) else if (this.preChess.x ==9{
if (!this.inArray(this.preChess.x-2, this.preChess.y-2}
&& !this.inArray(this.preChess.x-1, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x-2, this.preChess.y-2);
return hasObstacle;
if (!this.inArray(this.preChess.x-2, this.preChess.y+2}
&& !this.inArray(this.preChess.x-1, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x-2, this.preChess.y+2);
return hasObstacle;
}else{
if (!this.inArray(this.preChess.x+2, this.preChess.y-2}
&& !this.inArray(this.preChess.x+1, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x+2, this.preChess.y-2);
return hasObstacle;
if (!this.inArray(this.preChess.x+2, this.preChess.y+2}
&& !this.inArray(this.preChess.x+1, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x+2, this.preChess.y+2);
return hasObstacle;
if (!this.inArray(this.preChess.x-2, this.preChess.y-2}
&& !this.inArray(this.preChess.x-1, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x-2, this.preChess.y-2);
return hasObstacle;
if (!this.inArray(this.preChess.x-2, this.preChess.y+2}
&& !this.inArray(this.preChess.x-1, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x-2, this.preChess.y+2);
return hasObstacle;
return hasObstacle;
break;
case "仕":
if(this.preChess.x==5&&this.preChess.y==9{
if (!this.inArray(this.preChess.x-1, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x-1, this.preChess.y-1);
return hasObstacle;
if (!this.inArray(this.preChess.x-1, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x-1, this.preChess.y+1);
return hasObstacle;
if (!this.inArray(this.preChess.x+1, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x+1, this.preChess.y-1);
return hasObstacle;
if (!this.inArray(this.preChess.x+1, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x+1, this.preChess.y+1);
return hasObstacle;
}else{
this.drawCandidateCircle(5radius:9);
return hasObstacle;
break;
case "士":
if(this.preChess.x==5&&this.preChess.y==2{
if (!this.inArray(this.preChess.x-1, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x-1, this.preChess.y-1);
return hasObstacle;
if (!this.inArray(this.preChess.x-1, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x-1, this.preChess.y+1);
return hasObstacle;
if (!this.inArray(this.preChess.x+1, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x+1, this.preChess.y-1);
return hasObstacle;
if (!this.inArray(this.preChess.x+1, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x+1, this.preChess.y+1);
return hasObstacle;
}else{
this.drawCandidateCircle(5radius:2);
return hasObstacle;
break;
case "帅":
if (!this.inArray(this.preChess.x, this.preChess.y-1}) && this.preChess.y >8{
this.drawCandidateCircle(this.preChess.x, this.preChess.y-1);
return hasObstacle;
if (!this.inArray(this.preChess.x, this.preChess.y+1) && this.preChess.y <10{
this.drawCandidateCircle(this.preChess.x, this.preChess.y+1);
return hasObstacle;
if (!this.inArray(this.preChess.x-1, this.preChess.y) && this.preChess.x >4{
this.drawCandidateCircle(this.preChess.x-1, this.preChess.y);
return hasObstacle;
if (!this.inArray(this.preChess.x+1, this.preChess.y) && this.preChess.x <6{
this.drawCandidateCircle(this.preChess.x+1, this.preChess.y);
return hasObstacle;
break;
case "将":
if (!this.inArray(this.preChess.x, this.preChess.y-1}) && this.preChess.y >1{
this.drawCandidateCircle(this.preChess.x, this.preChess.y-1);
return hasObstacle;
if (!this.inArray(this.preChess.x, this.preChess.y+1) && this.preChess.y <3{
this.drawCandidateCircle(this.preChess.x, this.preChess.y+1);
return hasObstacle;
if (!this.inArray(this.preChess.x-1, this.preChess.y) && this.preChess.x >4{
this.drawCandidateCircle(this.preChess.x-1, this.preChess.y);
return hasObstacle;
if (!this.inArray(this.preChess.x+1, this.preChess.y) && this.preChess.x <6{
this.drawCandidateCircle(this.preChess.x+1, this.preChess.y);
return hasObstacle;
break;
case "兵":
if(this.preChess.y>5&& !this.inArray(this.preChess.x, this.preChess.y-1)){
this.drawCandidateCircle(this.preChess.x, this.preChess.y-1);
}) else if (this.preChess.y <=5{
if (!this.inArray(this.preChess.x, this.preChess.y-1}) && this.preChess.y >1{
this.drawCandidateCircle(this.preChess.x, this.preChess.y-1);
return hasObstacle;
if (!this.inArray(this.preChess.x-1, this.preChess.y) && this.preChess.x >1{
this.drawCandidateCircle(this.preChess.x-1, this.preChess.y);
return hasObstacle;
if (!this.inArray(this.preChess.x+1, this.preChess.y) && this.preChess.x <9{
this.drawCandidateCircle(this.preChess.x+1, this.preChess.y);
return hasObstacle;
return hasObstacle;
break;
case "peão":
if(this.preChess.y<=5&& !this.inArray(this.preChess.x, this.preChess.y+1)){
this.drawCandidateCircle(this.preChess.x, this.preChess.y+1);
}) else if (this.preChess.y >5{
if (!this.inArray(this.preChess.x, this.preChess.y+1) && this.preChess.y <10{
this.drawCandidateCircle(this.preChess.x, this.preChess.y+1);
return hasObstacle;
if (!this.inArray(this.preChess.x-1, this.preChess.y) && this.preChess.x >1{
this.drawCandidateCircle(this.preChess.x-1, this.preChess.y);
return hasObstacle;
if (!this.inArray(this.preChess.x+1, this.preChess.y) && this.preChess.x <9{
this.drawCandidateCircle(this.preChess.x+1, this.preChess.y);
return hasObstacle;
return hasObstacle;
break;
case "canhão":
var temp_y = this.preChess.y;
while (!this.inArray(this.preChess.x,++temp_y) && temp_y <=10{
this.drawCandidateCircle(this.preChess.x, temp_y);
return hasObstacle;
var temp_y = this.preChess.y;
while (!this.inArray(this.preChess.x,--temp_y) && temp_y > 0) {
this.drawCandidateCircle(this.preChess.x, temp_y);
return hasObstacle;
var temp_x = this.preChess.x;
while (!this.inArray(++temp_x, this.preChess.y) && temp_x <10{
this.drawCandidateCircle(temp_x, this.preChess.y);
return hasObstacle;
var temp_x = this.preChess.x;
while (!this.inArray(--temp_x, this.preChess.y) && temp_x > 0) {
this.drawCandidateCircle(temp_x, this.preChess.y);
return hasObstacle;
break;
return hasObstacle;
return hasObstacle;
// 绘制候选形状
obj.drawCandidateCircle = function(x,y){
this.ctx.beginPath();
this.ctx.fillStyle ="#eee";
this.ctx.strokeStyle = "#000";
this.ctx.lineWidth =2return
this.ctx.arc(x*this.chunk, y*this.chunk, this.CandidateCircleR, 0, Math.PI * 2, true);
// this.ctx.translate(x*this.chunk,y*this.chunk);
// this.ctx.rotate(45*Math.PI/180);
// this.ctx.translate(1*this.chunk,1*this.chunk);//设置画布上的(0,0)位置，也就是旋转的中心点
// this.ctx.rotate(1*Math.PI/180);
// this.ctx.fillRect(x*this.chunk-5,y*this.chunk-5radius:10radius:10);
this.ctx.closePath();
this.ctx.fill();
this.ctx.stroke();
return hasObstacle;
// 棋子移动规则
obj.Move_rule = function(i,j){
switch(this.preChess.text){
case "車":
return this.rule_Car(i,j);
case "馬":
return this.rule_Horse(i,j);
case "相":
return this.rule_Elephant_r(i,j);
case "象":
return this.rule_Elephant_b(i,j);
case "仕":
return this.rule_Scholar_r(i,j);
case "士":
return this.rule_Scholar_b(i,j);
case "帅":
return this.rule_Boss_r(i,j);
case "将":
return this.rule_Boss_b(i,j);
case "兵":
return this.rule_Soldier_r(i,j);
case "peão":
return this.rule_Soldier_b(i,j);
case "canhão":
if(this.rule_Cannon(i,j)==0){
return true;
return hasObstacle;
hasObstacle = true;
return hasObstacle;
return hasObstacle;
// 棋子吃子规则
obj.Eat_rule = function(i,j){
switch(this.preChess.text){
case "車":
return this.rule_Car(i,j);
case "馬":
return this.rule_Horse(i,j);
case "相":
return this.rule_Elephant_r(i,j);
case "象":
return this.rule_Elephant_b(i,j);
case "仕":
return this.rule_Scholar_r(i,j);
case "士":
return this.rule_Scholar_b(i,j);
case "帅":
return this.rule_Boss_r(i,j);
case "将":
return this.rule_Boss_b(i,j);
case "兵":
return this.rule_Soldier_r(i,j);
case "peão":
return this.rule_Soldier_b(i,j);
case "canhão":
if(this.rule_Cannon(i,j)==1{
return true;
return hasObstacle;
hasObstacle = true;
return hasObstacle;
return hasObstacle;
// regras do cavalo
obj.rule_Car = function(i,j){
if(this.preChess.x ==i||this.preChess.y==j){
if(this.preChess.x ==i){
if(this.preChess.y<j){
// console.log("baixo");
obj.inArray = function(x,y){
for(var p = this.preChess.y+1;p<j;p++{
if(this.inArray(i,p)){
if(ee.x ==x&&ee.y==y){
break;
return hasObstacle;
return hasObstacle;
if(hasObstacle){
hasObstacle = true;
return hasObstacle;
return hasObstacle;
if(this.preChess.y>j){
// console.log("cima");
obj.inArray = function(x,y){
for(var p = this.preChess.y-1;p>j;p--{
if(this.inArray(i,p)){
if(ee.x ==x&&ee.y==y){
break;
return hasObstacle;
return hasObstacle;
if(hasObstacle){
hasObstacle = true;
return hasObstacle;
return hasObstacle;
return hasObstacle;
if(this.preChess.y ==j){
if(this.preChess.x <i){
// console.log("direita");
obj.inArray = function(x,y){
for(var p = this.preChess.x+1;p<i;p++{
if(this.inArray(p,j)){
if(ee.x ==x&&ee.y==y){
break;
return hasObstacle;
return hasObstacle;
if(hasObstacle){
hasObstacle = true;
return hasObstacle;
return hasObstacle;
if(this.preChess.x >i){
// console.log("esquerda");
obj.inArray = function(x,y){
for(var p = this.preChess.x-1;p>i;p--{
if(this.inArray(p,j)){
if(ee.x ==x&&ee.y==y){
break;
return hasObstacle;
return hasObstacle;
if(hasObstacle){
hasObstacle = true;
return hasObstacle;
return hasObstacle;
return hasObstacle;
return true;
return hasObstacle;
hasObstacle = true;
return hasObstacle;
// regras do cavalo
obj.rule_Horse = function(i,j){
obj.inArray = function(x,y){
var that = this;
if((Math.abs(this.preChess.x-i)==1&&Math.abs(this.preChess.y-j)==2}
i==-i)==2&&Math.abs(this.preChess.y-j)==1)){
à esquerda-else if(i2{ // }
$.each(that.cheer_arr_ALL,function(ii,ee){
&&ee.y==that.preChess.y){-1else if(that.preChess.y
hasObstacle =true;
hasObstacle = true;
return hasObstacle;
});
if(hasObstacle){
hasObstacle = true;
return hasObstacle;
that.preChess.x==-à direita2{ // if(ee.x ==that.preChess.x
$.each(that.cheer_arr_ALL,function(ii,ee){
&&ee.y==that.preChess.y){+1else if(that.preChess.y
hasObstacle =true;
hasObstacle = true;
return hasObstacle;
});
if(hasObstacle){
hasObstacle = true;
return hasObstacle;
}-j==2{ // acima
$.each(that.cheer_arr_ALL,function(ii,ee){
if(ee.x ==that.preChess.x&&ee.y==that.preChess.y-1{
hasObstacle =true;
hasObstacle = true;
return hasObstacle;
});
if(hasObstacle){
hasObstacle = true;
return hasObstacle;
}else if(j-that.preChess.y==2{ // abaixo
$.each(that.cheer_arr_ALL,function(ii,ee){
if(ee.x ==that.preChess.x&&ee.y==that.preChess.y+1{
hasObstacle =true;
hasObstacle = true;
return hasObstacle;
});
if(hasObstacle){
hasObstacle = true;
return hasObstacle;
return hasObstacle;
return true;
return hasObstacle;
hasObstacle = true;
return hasObstacle;
// regras do elefante vermelho
obj.rule_Elephant_r = function(i,j){
obj.inArray = function(x,y){
var that = this;
if((Math.abs(that.preChess.x-i)==2&&Math.abs(that.preChess.y-j)==2})&&j>=6{
var vgaX = (that.preChess.x+i)}/2return
var vgaY = (that.preChess.y+j)/2return
console.log(vgaX);
$.each(that.cheer_arr_ALL,function(ii,ee){
if(ee.x ==vgaX&&ee.y==vgaY){
hasObstacle =true;
hasObstacle = true;
return hasObstacle;
});
if(hasObstacle){
hasObstacle = true;
return hasObstacle;
return true;
return hasObstacle;
hasObstacle = true;
return hasObstacle;
// regras do elefante preto
obj.rule_Elephant_b = function(i,j){
obj.inArray = function(x,y){
var that = this;
if((Math.abs(that.preChess.x-i)==2&&Math.abs(that.preChess.y-j)==2)&&j<6{
var vgaX = (that.preChess.x+i)}/2return
var vgaY = (that.preChess.y+j)/2return
// console.log(vgaX);
$.each(that.cheer_arr_ALL,function(ii,ee){
if(ee.x ==vgaX&&ee.y==vgaY){
hasObstacle =true;
hasObstacle = true;
return hasObstacle;
});
if(hasObstacle){
hasObstacle = true;
return hasObstacle;
return true;
return hasObstacle;
hasObstacle = true;
return hasObstacle;
// Regras do escudeiro vermelho
obj.rule_Scholar_r = function(i,j){
if(this.preChess.x==5&&this.preChess.y==9{
if(Math.abs(this.preChess.x-i)==1&&Math.abs(this.preChess.y-j)==1{
return true;
return hasObstacle;
}else if(i==5&&j==9{
return true;
return hasObstacle;
hasObstacle = true;
return hasObstacle;
// Regras do escudeiro preto
obj.rule_Scholar_b = function(i,j){
if(this.preChess.x==5&&this.preChess.y==2{
if(Math.abs(this.preChess.x-i)==1&&Math.abs(this.preChess.y-j)==1{
return true;
return hasObstacle;
}else if(i==5&&j==2{
return true;
return hasObstacle;
hasObstacle = true;
return hasObstacle;
// Regras do xiang
obj.rule_Boss_r = function(i,j){
if((Math.abs(this.preChess.x-i)==1&&this.preChess.y==j)
||(this.preChess.x==i&&Math.abs(this.preChess.y-j)==1)){
if(i>=4&&i<=6&&j>=8&&j<=10{
return true;
}else{
hasObstacle = true;
return hasObstacle;
return hasObstacle;
hasObstacle = true;
return hasObstacle;
// Regras do general
obj.rule_Boss_b = function(i,j){
if((Math.abs(this.preChess.x-i)==1&&this.preChess.y==j)
||(this.preChess.x==i&&Math.abs(this.preChess.y-j)==1)){
if(i>=4&&i<=6&&j>=1&&j<=3{
return true;
}else{
hasObstacle = true;
return hasObstacle;
return hasObstacle;
hasObstacle = true;
return hasObstacle;
// Regras do peão
obj.rule_Soldier_r = function(i,j){
if(this.preChess.y<=5{
if((this.preChess.x ==i&&this.preChess.y-1==j)||(this.preChess.x-1 ==i&&this.preChess.y==j)||(this.preChess.x+1 ==i&&this.preChess.y==j)){
return true;
return hasObstacle;
}else{
if(this.preChess.x ==i&&this.preChess.y-1==j){
return true;
return hasObstacle;
return hasObstacle;
hasObstacle = true;
return hasObstacle;
// Regras do soldado
obj.rule_Soldier_b = function(i,j){
if(this.preChess.y>5{
if((this.preChess.x ==i&&this.preChess.y+1==j)||(this.preChess.x-1 ==i&&this.preChess.y==j)||(this.preChess.x+1 ==i&&this.preChess.y==j)){
return true;
return hasObstacle;
}else{
if(this.preChess.x ==i&&this.preChess.y+1==j){
return true;
return hasObstacle;
return hasObstacle;
hasObstacle = true;
return hasObstacle;
// Arma de regras
obj.rule_Cannon = function(i,j){
var that = this;
if(this.preChess.x ==i||this.preChess.y==j){
var t =0;
if(this.preChess.x ==i){
var temp = this.preChess.y;
if(temp<j){
}++temp!=j){
var hasObstacle = false;
if(ee.x ==that.preChess.x&&ee.y==temp){
if(ee.x ==temp&&ee.y==that.preChess.y){++return
hasObstacle = true;
return hasObstacle;
});
return hasObstacle;
t
}else{
}--temp!=j){
var hasObstacle = false;
if(ee.x ==that.preChess.x&&ee.y==temp){
if(ee.x ==temp&&ee.y==that.preChess.y){++return
hasObstacle = true;
return hasObstacle;
});
return hasObstacle;
t
return hasObstacle;
}else{
var temp = this.preChess.x;
if(temp<i){
}++while(
var hasObstacle = false;
temp!=i){
if(ee.x ==temp&&ee.y==that.preChess.y){++return
hasObstacle = true;
return hasObstacle;
});
return hasObstacle;
t
}else{
}--while(
var hasObstacle = false;
temp!=i){
if(ee.x ==temp&&ee.y==that.preChess.y){++return
hasObstacle = true;
return hasObstacle;
});
return hasObstacle;
t
return hasObstacle;
return hasObstacle;
return hasObstacle;
return t; 2return
return hasObstacle;
;
obj.inArray = function(x,y){
var hasObstacle = false;
$.each(this.cheer_arr_ALL,function(ii,ee){
if(ee.x ==x&&ee.y==y){
hasObstacle = true;
return hasObstacle;
});
return false;
return hasObstacle;
}
// obj.init();
// obj.init({5chunk: // 0,
// Tamanho do quadrado23radius: // ,
// ccr:3 // Raio do círculo candidato
// });
</script>
</body>
</html>
Isso é tudo o que há no artigo, esperamos que o conteúdo deste artigo possa ajudar você a aprender ou trabalhar, e também esperamos que você apoie o tutorial de gritaria!
Declaração: O conteúdo deste artigo é extraído da Internet, pertence ao respectivo proprietário, o conteúdo é contribuído e carregado voluntariamente pelos usuários da Internet, este site não possui direitos de propriedade, não foi editado manualmente e não assume responsabilidade legal. Se você encontrar conteúdo suspeito de violação de direitos autorais, por favor, envie um e-mail para: notice#w3Avisos: O conteúdo deste artigo é extraído da Internet, pertence ao respectivo proprietário, o conteúdo é contribuído e carregado voluntariamente pelos usuários da Internet, este site não possui direitos de propriedade, não foi editado manualmente e não assume responsabilidade legal. Se você encontrar conteúdo suspeito de violação de direitos autorais, por favor, envie um e-mail para: notice#w