// 地图宽高 8/ 8 +河界
// 格子
const lattice = 100;
const map = {
width: lattice * 8,
height: lattice * 8 + 100,
}
// 每个格子大小
class Chess {
private canvas: HTMLCanvasElement;
private width: number;
private height: number;
private ctx: CanvasRenderingContext2D;
private initKios = ["車", "馬", "象", "士", "将", "士", "象", "馬", "車", "炮", "兵", "卒", "帅"]
// 红方
redKiko: Kiko[] = []
// 黑方
blackKiko: Kiko[] = []
// 棋子画布
private kikoCanvas: HTMLCanvasElement;
private kikoCanvasCtx: CanvasRenderingContext2D;
// 先手 // 默认红方
isStatus: ColorType = ColorType.RED;
// 当前选中棋子
private currentKiko: Kiko;
constructor(canvas: HTMLCanvasElement) {
this.canvas = canvas;
this.ctx = this.canvas.getContext("2d")!;
this.init();
}
init() {
const {clientWidth, clientHeight} = document.documentElement;
this.width = clientWidth;
this.height = clientHeight;
this.canvas.width = this.width;
this.canvas.height = this.height;
this.ctx.translate(100, 50)
this.createCanvas();
this.drawMap();
this.drawKiKos();
this.shotman();
}
createCanvas() {
if (this.kikoCanvas) return;
const newCanvas = document.createElement("canvas");
this.kikoCanvas = newCanvas;
newCanvas.width = map.width + 100;
newCanvas.height = map.height + 150;
newCanvas.style.position = "absolute";
newCanvas.style.left = "550px";
newCanvas.style.top = "-10px";
newCanvas.style.width = map.width + 100 + "px";
newCanvas.style.height = map.height + 150 + "px";
// newCanvas.style.background="red";
// this.canvas.appendChild(newCanvas);
this.canvas.parentNode!.appendChild(newCanvas)
this.kikoCanvasCtx = this.kikoCanvas.getContext("2d")!;
this.kikoCanvasCtx.translate(50, 50)
this.kikoCanvas.addEventListener("mousedown", e => {
// 拿到坐标
const {clientX, clientY} = e;
const {x, y} = {
x: clientX - this.kikoCanvas.offsetLeft - 50,
y: clientY - this.kikoCanvas.offsetTop - 60
}
// x = 0;
// y = 20;
if (!this.currentKiko) {
//是红方还是黑方
const item = this.getCheckKiko(x, y, this.isStatus);
if (item) {
this.currentKiko = item!;
this.currentKiko.draw2();
}
} else {
const item = this.getCheckKiko(x, y, this.isStatus);
if (item && item.color === this.currentKiko.color) {
if (this.currentKiko.color === ColorType.RED) {
Kiko.drawKiko(this.redKiko);
} else {
Kiko.drawKiko(this.blackKiko);
}
this.currentKiko = item!;
this.currentKiko.draw2();
} else {
const isStatus = this.isStatus == ColorType.RED ? ColorType.BLACK : ColorType.RED;
// 判断是否有我方棋子
let item = this.getCheckKiko(x, y, this.isStatus);
if (item) return;
const res = this.currentKiko.move(x, y, this);
if (res == "no") {
return;
}
// 判断是否是敌方棋子
item = this.getCheckKiko(x, y, isStatus)
if (item) {
if (isStatus === ColorType.RED) {
const index = this.redKiko.findIndex(v => v == item);
if (this.isStatus === this.redKiko[index].color) return;
if (this.redKiko[index].isManager) {
alert("游戏结束")
this.gameOver();
}
this.redKiko.splice(index, 1);
} else {
const index = this.blackKiko.findIndex(v => v == item);
if (this.isStatus === this.blackKiko[index].color) return;
if (this.blackKiko[index].isManager) {
alert("游戏结束")
this.gameOver();
}
this.blackKiko.splice(index, 1);
}
}
Kiko.drawKiko(this.redKiko);
Kiko.drawKiko(this.blackKiko);
this.currentKiko = undefined;
this.isStatus = isStatus;
this.shotman()
}
}
})
}
// 游戏结束
gameOver() {
// this.redKiko = [];
// this.blackKiko = [];
// this.currentKiko = undefined;
// this.init();
window.location.reload();
}
//画地图
drawMap() {
// this.ctx.strokeStyle="red"
this.ctx.lineWidth = 2
this.ctx.beginPath();
this.ctx.moveTo(500, 20);
this.ctx.lineTo(500 + map.width, 20);
this.ctx.lineTo(500 + map.width, 20 + map.height);
this.ctx.lineTo(500, 20 + map.height)
this.ctx.lineTo(500, 20);
for (let i = 0; i < 8; i++) {
for (let j = 0; j < 9; j++) {
if (j == 4) {//画楚河汉界
this.ctx.font = " bold 50px 楷书";
if (i == 1) {
this.ctx.fillText("楚 河", 500 + i * lattice, 30 + j * lattice + lattice / 2)
} else if (i == 6) {
this.ctx.fillText("汉 界", 500 + i * lattice, 30 + j * lattice + lattice / 2)
}
} else {
this.ctx.rect(500 + i * lattice, 20 + j * lattice, lattice, lattice);
}
// 画x
if ([3].includes(i) && [0, 7].includes(j)) {
this.ctx.moveTo(500 + i * lattice, 20 + j * lattice)
this.ctx.lineTo(500 + i * lattice + 200, 20 + j * lattice + 200)
this.ctx.moveTo(700 + i * lattice, 20 + j * lattice)
this.ctx.lineTo(500 + i * lattice, 20 + j * lattice + 200)
}
if ([2, 4, 6].includes(i) && [2, 5].includes(j)) {
this.drawTriangle(i, j)
}
if ([1, 7].includes(i) && [1, 6].includes(j)) {
this.drawTriangle(i, j)
}
if (i == 0 && [2, 5].includes(j)) {
let offset = 490;
this.ctx.moveTo(offset + 20 + i * lattice, 100 + j * lattice)
this.ctx.lineTo(offset + 20 + i * lattice, 110 + j * lattice)
this.ctx.lineTo(offset + 30 + i * lattice, 110 + j * lattice)
this.ctx.moveTo(offset + 30 + i * lattice, 130 + j * lattice)
this.ctx.lineTo(offset + 20 + i * lattice, 130 + j * lattice)
this.ctx.lineTo(offset + 20 + i * lattice, 140 + j * lattice)
}
if (i == 7 && [2, 5].includes(j)) {
let offset = 590;
this.ctx.moveTo(offset + i * lattice, 100 + j * lattice)
this.ctx.lineTo(offset + i * lattice, 110 + j * lattice)
this.ctx.lineTo(offset - 10 + i * lattice, 110 + j * lattice)
this.ctx.moveTo(offset - 10 + i * lattice, 130 + j * lattice)
this.ctx.lineTo(offset + i * lattice, 130 + j * lattice)
this.ctx.lineTo(offset + i * lattice, 140 + j * lattice)
}
}
}
this.ctx.closePath();
this.ctx.stroke();
}
// 画小三角
drawTriangle(i: number, j: number, offset: number = 490) {
if (i == 0 && [2, 5].includes(j)) {
let offset = 490;
this.ctx.moveTo(offset + 20 + i * lattice, 100 + j * lattice)
this.ctx.lineTo(offset + 20 + i * lattice, 110 + j * lattice)
this.ctx.lineTo(offset + 30 + i * lattice, 110 + j * lattice)
this.ctx.moveTo(offset + 30 + i * lattice, 130 + j * lattice)
this.ctx.lineTo(offset + 20 + i * lattice, 130 + j * lattice)
this.ctx.lineTo(offset + 20 + i * lattice, 140 + j * lattice)
} else if (i == 7 && [2, 5].includes(j)) {
let offset = 590;
this.ctx.moveTo(offset + i * lattice, 100 + j * lattice)
this.ctx.lineTo(offset + i * lattice, 110 + j * lattice)
this.ctx.lineTo(offset - 10 + i * lattice, 110 + j * lattice)
this.ctx.moveTo(offset - 10 + i * lattice, 130 + j * lattice)
this.ctx.lineTo(offset + i * lattice, 130 + j * lattice)
this.ctx.lineTo(offset + i * lattice, 140 + j * lattice)
} else {
this.ctx.moveTo(offset + i * lattice, 100 + j * lattice)
this.ctx.lineTo(offset + i * lattice, 110 + j * lattice)
this.ctx.lineTo(offset - 10 + i * lattice, 110 + j * lattice)
this.ctx.moveTo(offset + 20 + i * lattice, 100 + j * lattice)
this.ctx.lineTo(offset + 20 + i * lattice, 110 + j * lattice)
this.ctx.lineTo(offset + 30 + i * lattice, 110 + j * lattice)
this.ctx.moveTo(offset + 30 + i * lattice, 130 + j * lattice)
this.ctx.lineTo(offset + 20 + i * lattice, 130 + j * lattice)
this.ctx.lineTo(offset + 20 + i * lattice, 140 + j * lattice)
this.ctx.moveTo(offset - 10 + i * lattice, 130 + j * lattice)
this.ctx.lineTo(offset + i * lattice, 130 + j * lattice)
this.ctx.lineTo(offset + i * lattice, 140 + j * lattice)
}
}
// 绘制棋子
drawKiKos() {
for (let i = 0; i < this.initKios.length; i++) {
if (this.initKios[i] == "帅") {
this.redKiko.push(Kiko.getKiko(400, 920, ColorType.RED, this.kikoCanvasCtx, this.initKios[i], 38));
} else if (this.initKios[i] == "将") {
this.blackKiko.push(Kiko.getKiko(i * lattice, 20, ColorType.BLACK, this.kikoCanvasCtx, this.initKios[i], 38));
} else if (this.initKios[i] == "炮") {
this.blackKiko.push(Kiko.getKiko(100, 220, ColorType.BLACK, this.kikoCanvasCtx, this.initKios[i], 38));
this.blackKiko.push(Kiko.getKiko(700, 220, ColorType.BLACK, this.kikoCanvasCtx, this.initKios[i], 38));
this.redKiko.push(Kiko.getKiko(100, 720, ColorType.RED, this.kikoCanvasCtx, this.initKios[i], 38));
this.redKiko.push(Kiko.getKiko(700, 720, ColorType.RED, this.kikoCanvasCtx, this.initKios[i], 38));
} else if (this.initKios[i] == "卒") {
for (let v = 0; v < 5; v++) {
this.blackKiko.push(Kiko.getKiko(v * lattice * 2, 320, ColorType.BLACK, this.kikoCanvasCtx, this.initKios[i], 38));
}
} else if (this.initKios[i] == "兵") {
for (let v = 0; v < 5; v++) {
this.redKiko.push(Kiko.getKiko(v * lattice * 2, 620, ColorType.RED, this.kikoCanvasCtx, this.initKios[i], 38));
}
} else {
this.blackKiko.push(Kiko.getKiko(i * lattice, 20, ColorType.BLACK, this.kikoCanvasCtx, this.initKios[i], 38));
this.redKiko.push(Kiko.getKiko(i * lattice, 920, ColorType.RED, this.kikoCanvasCtx, this.initKios[i], 38));
}
}
}
// 获取选中棋子
getCheckKiko(x: number, y: number, isStatus: ColorType) {
if (isStatus == ColorType.RED) {
return this.redKiko.find(item => {
if (item.x - item.size < x &&
item.x + item.size > x &&
item.y - item.size < y &&
item.y + item.size > y) {
console.log("vvv")
return item;
}
})
}
return this.blackKiko.find(item => {
if (item.x - item.size / 2 < x &&
item.x + item.size / 2 > x &&
item.y - item.size / 2 < y &&
item.y + item.size / 2 > y) {
return item;
}
})
}
// 哪方出手人
shotman() {
this.ctx.clearRect(10, 20, 200, 100);
this.ctx.rect(10, 20, 200, 100);
this.ctx.font = "bold 40px 楷书"
this.ctx.fillStyle = this.isStatus;
this.ctx.fillText(this.isStatus == ColorType.RED ? "红方先走" : "黑方先走", 30, 80);
this.ctx.stroke();
}
}
enum ColorType {
BLACK = "black",
RED = "red",
SELECTED = "pink";
}
// 棋子
abstract class Kiko {
color: ColorType;
x: number;
y: number;
size: number;
ctx: CanvasRenderingContext2D;
text: string;
isManager: boolean = false;
static getKiko(x: number, y: number, color: ColorType, ctx: CanvasRenderingContext2D, text: string, size: number) {
switch (text) {
case "兵":
return new SoldierKiko(x, y, color, ctx, text, size);
case "卒":
return new GraduationKiko(x, y, color, ctx, text, size);
case "車":
return new CarKiko(x, y, color, ctx, text, size);
case "馬":
return new HorseKiko(x, y, color, ctx, text, size);
case "象":
return new ElephantKiko(x, y, color, ctx, text, size);
case "士":
return new ShiKiko(x, y, color, ctx, text, size);
case "将":
return new ManagerKiko(x, y, color, ctx, text, size);
case "帅":
return new ManagerKiko(x, y, color, ctx, text, size);
case "炮":
return new CannonKiko(x, y, color, ctx, text, size);
default:
return new SoldierKiko(x, y, color, ctx, text, size);
}
}
static drawKiko(arr: Kiko[]) {
arr.forEach(item => item.draw());
}
constructor(x: number, y: number, color: ColorType, ctx: CanvasRenderingContext2D, text: string, size: number) {
this.x = x;
this.y = y;
this.color = color;
this.size = size;
this.ctx = ctx;
this.text = text;
this.draw();
}
draw() {
this.ctx.strokeStyle = this.color
this.ctx.beginPath();
this.ctx.lineWidth = 1
this.ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
this.ctx.fillStyle = "white";
this.ctx.fill();
this.ctx.stroke();
this.ctx.beginPath();
this.ctx.lineWidth = 2
this.ctx.fillStyle = this.color;
this.ctx.arc(this.x, this.y, this.size - 5, 0, Math.PI * 2);
this.ctx.font = `bold ${this.size + 8}px 楷书`;
this.ctx.fillText(this.text, this.x - this.size / 2 - 3, this.y + this.size / 2 - 2)
this.ctx.stroke();
this.ctx.closePath();
}
draw2(color: ColorType = ColorType.SELECTED) {
const c = this.color;
this.color = color;
this.draw();
this.color = c;
}
abstract move(x: number, y: number, chess?: Chess);
}
// 兵
class SoldierKiko extends Kiko {
constructor(x: number, y: number, color: ColorType, ctx: CanvasRenderingContext2D, text: string, size: number) {
super(x, y, color, ctx, text, size);
}
move(x: number, y: number) {
const yPosition = Math.round((y - this.y) / 100);
const xPosition = Math.round((x - this.x) / 100);
if (Math.abs(yPosition) > 1) return "no";
if (Math.abs(xPosition) > 1) return "no";
if (Math.abs(yPosition) == 1) {
if (y > 560) return "no";
this.y += yPosition * 100;
} else if (Math.abs(xPosition) == 1) {
if (y > 560) return "no";
this.x += xPosition * 100;
}
// 移动
this.ctx.clearRect(-50, -50, map.width + 100, map.height + 100)
}
}
// 卒
class GraduationKiko extends Kiko {
constructor(x: number, y: number, color: ColorType, ctx: CanvasRenderingContext2D, text: string, size: number) {
super(x, y, color, ctx, text, size);
}
move(x: number, y: number) {
const yPosition = Math.round((y - this.y) / 100);
const xPosition = Math.round((x - this.x) / 100);
if (Math.abs(yPosition) > 1) return "no";
if (Math.abs(xPosition) > 1) return "no";
if (Math.abs(yPosition) == 1) {
if (yPosition > 1) return "no";
this.y += yPosition * 100;
} else if (Math.abs(xPosition) == 1) {
if (this.y < 520) return "no";
this.x += xPosition * 100;
}
// 移动
this.ctx.clearRect(-50, -50, map.width + 100, map.height + 100)
}
}
//士
class ShiKiko extends Kiko {
constructor(x: number, y: number, color: ColorType, ctx: CanvasRenderingContext2D, text: string, size: number) {
super(x, y, color, ctx, text, size);
}
move(x: number, y: number) {
const yPosition = Math.round((y - this.y) / 100);
const xPosition = Math.round((x - this.x) / 100);
if (Math.abs(yPosition) > 1) return "no";
if (Math.abs(xPosition) > 1) return "no";
if (this.color == ColorType.BLACK) {
if (x < 280 || x > 520) return "no";
if (y < 20 || y > 240) return "no";
} else {
if (x < 280 || x > 520) return "no";
if (y > 920 || y < 640) return "no";
}
if (y - this.y > 80) {
if (x - this.x < -80) {
this.x -= 100;
} else if (x - this.x > 80) {
this.x += 100;
} else {
return "no";
}
this.y += 100;
} else if (y - this.y < 80) {
if (x - this.x < -80) {
this.x -= 100;
} else if (x - this.x > 80) {
this.x += 100;
} else {
return "no";
}
this.y -= 100;
}
// 移动
this.ctx.clearRect(-50, -50, map.width + 200, map.height + 200)
}
}
//車
class CarKiko extends Kiko {
constructor(x: number, y: number, color: ColorType, ctx: CanvasRenderingContext2D, text: string, size: number) {
super(x, y, color, ctx, text, size);
}
move(x: number, y: number, chess: Chess) {
const yPosition = Math.round((y - this.y) / 100);
const xPosition = Math.round((x - this.x) / 100);
const than = this;
if (Math.abs(yPosition) > 0) {
if (_isKiKo(Math.abs(yPosition), "y") > 0) {
return "no";
}
this.y += yPosition * 100;
} else if (Math.abs(xPosition) > 0) {
if (_isKiKo(Math.abs(xPosition), "x") > 0) {
return "no";
}
this.x += xPosition * 100;
}
// 是否有棋子
function _isKiKo(position: number, direction: string) {
let count = 0;
for (let i = 1; i < position; i++) {
if (direction == "x") {
if (chess.getCheckKiko(than.x + i * 100, than.y, ColorType.BLACK)) {
count++;
}
if (chess.getCheckKiko(than.x + i * 100, than.y, ColorType.RED)) {
count++;
}
} else if (direction == "y") {
if (chess.getCheckKiko(than.x, than.y + i * 100, ColorType.BLACK)) {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
count++;
}
if (chess.getCheckKiko(than.x, than.y + i * 100, ColorType.RED)) {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
count++;
}
}
}
return count;
}
// 移动
this.ctx.clearRect(-50, -50, map.width + 300, map.height + 300)
}
}
//馬
class HorseKiko extends Kiko {
constructor(x: number, y: number, color: ColorType, ctx: CanvasRenderingContext2D, text: string, size: number) {
super(x, y, color, ctx, text, size);
}
move(x: number, y: number, chess: Chess) {
if (y - this.y > 80 && y - this.y < 160) {
// 是否有棋子 别马腿
if (x - this.x < -180) {
let item = chess.getCheckKiko(this.x - 100, this.y, chess.isStatus)
if (item) {
return "no";
}
this.x -= 200;
} else if (x - this.x > 180) {
let item = chess.getCheckKiko(this.x + 100, this.y, chess.isStatus)
if (item) {
return "no";
}
this.x += 200;
} else {
return "no";
}
this.y += 100;
} else if (y - this.y < -80 && y - this.y > -160) {
if (x - this.x < -180) {
let item = chess.getCheckKiko(this.x - 100, this.y, chess.isStatus)
if (item) {
return "no";
}
this.x -= 200;
} else if (x - this.x > 180) {
let item = chess.getCheckKiko(this.x + 100, this.y, chess.isStatus)
if (item) {
return "no";
}
this.x += 200;
} else {
return "no";
}
this.y -= 100;
} else if (x - this.x < -80 && x - this.x > -160) {
if (y - this.y < -180) {
let item = chess.getCheckKiko(this.x, this.y - 100, chess.isStatus)
if (item) {
return "no";
}
this.y -= 200;
} else if (y - this.y > 180) {
let item = chess.getCheckKiko(this.x, this.y + 100, chess.isStatus)
if (item) {
return "no";
}
this.y += 200;
} else {
return "no";
}
this.x -= 100;
} else if (x - this.x > 80 && x - this.x < 160) {
if (y - this.y < -180) {
let item = chess.getCheckKiko(this.x, this.y - 100, chess.isStatus)
if (item) {
return "no";
}
this.y -= 200;
} else if (y - this.y > 180) {
let item = chess.getCheckKiko(this.x, this.y + 100, chess.isStatus)
if (item) {
return "no";
}
this.y += 200;
} else {
return "no";
}
this.x += 100;
}
// 移动
this.ctx.clearRect(-50, -50, map.width + 200, map.height + 200)
}
}
//象
class ElephantKiko extends Kiko {
constructor(x: number, y: number, color: ColorType, ctx: CanvasRenderingContext2D, text: string, size: number) {
super(x, y, color, ctx, text, size);
}
move(x: number, y: number, chess: Chess) {
let yPosition = Math.round((y - this.y) / 100);
let xPosition = Math.round((x - this.x) / 100);
if (Math.abs(xPosition) <= 1) return "no";
if (Math.abs(yPosition) <= 1) return "no";
if (Math.abs(xPosition) == 2 && Math.abs(yPosition) == 2) {
let item = chess.getCheckKiko(this.x + 100, this.y + 100, chess.isStatus)
if (item) {
return "no";
}
this.y += yPosition * 100;
this.x += xPosition * 100;
} else {
return "no";
}
// 移动
this.ctx.clearRect(-50, -50, map.width + 200, map.height + 200)
}
}
//炮
class CannonKiko extends Kiko {
constructor(x: number, y: number, color: ColorType, ctx: CanvasRenderingContext2D, text: string, size: number) {
super(x, y, color, ctx, text, size);
}
move(x: number, y: number, chess: Chess) {
let yPosition = Math.round((y - this.y) / 100);
let xPosition = Math.round((x - this.x) / 100);
const than = this;
// 判断目的地是否有棋子
//
const item = chess.getCheckKiko(x, y, chess.isStatus == ColorType.RED ? ColorType.BLACK : ColorType.RED)
// debugger;
if (item) { //有棋子
if (Math.abs(xPosition) > 0) { // x
// 判断x
if (_isKiKo(Math.abs(xPosition), "x") != 1) {
return "no";
}
this.x += xPosition * 100;
}
if (Math.abs(yPosition) > 0) { //y
if (_isKiKo(Math.abs(yPosition), "y") != 1) {
return "no";
}
this.y += yPosition * 100;
console.log("xxx", this.y)
}
} else { // 没有棋子
if (Math.abs(xPosition) > 0) { // x
// 判断x
if (_isKiKo(Math.abs(xPosition), "x") > 0) {
return "no";
}
this.x += xPosition * 100;
}
if (Math.abs(yPosition) > 0) { //y
if (_isKiKo(Math.abs(yPosition), "y") > 0) {
return "no";
}
this.y += yPosition * 100;
}
}
// 是否有棋子
function _isKiKo(position: number, direction: string) {
let count = 0;
for (let i = 1; i < Math.abs(position); i++) {
if (direction == "x") {
if (chess.getCheckKiko(than.x + i * 100, than.y, ColorType.BLACK)) {
count++;
}
if (chess.getCheckKiko(than.x + i * 100, than.y, ColorType.RED)) {
count++;
}
} else if (direction == "y") {
if (chess.getCheckKiko(than.x, than.y + i * 100, ColorType.BLACK)) {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
count++;
}
if (chess.getCheckKiko(than.x, than.y + i * 100, ColorType.RED)) {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
count++;
}
}
}
return count;
}
// 移动
this.ctx.clearRect(-50, -50, map.width + 200, map.height + 200)
}
}
// 将 帅(未测试)
class ManagerKiko extends Kiko {
isManager: boolean = true;
constructor(x: number, y: number, color: ColorType, ctx: CanvasRenderingContext2D, text: string, size: number) {
super(x, y, color, ctx, text, size);
}
move(x: number, y: number, chess: Chess) {
let yPosition = Math.round((y - this.y) / 100);
let xPosition = Math.round((x - this.x) / 100);
let than = this;
// if(Math.abs(xPosition)>1||Math.abs(yPosition)>1)return "no";
if (Math.abs(yPosition) == 1) {
this.y += yPosition * 100;
} else if (Math.abs(xPosition) == 1) {
this.x += xPosition * 100;
} else {
// 对面是主帅棋子
const item = chess.getCheckKiko(x, y, chess.isStatus == ColorType.RED ? ColorType.BLACK : ColorType.RED);
if (item.isManager) {//主帅
// 查看路径中是否存在棋子
if (_isKiKo(yPosition, "y") > 0) {
return "no";
}
this.y += yPosition * 100;
alert("游戏结束");
} else {
return "no";
}
}
// 移动
this.ctx.clearRect(-50, -50, map.width + 200, map.height + 200)
// 是否有棋子
function _isKiKo(position: number, direction: string) {
let dir = position / position;
let count = 0;
for (let i = 1; i < position; i++) {
if (direction == "x") {
if (chess.getCheckKiko(than.x + dir * i * 100, than.y, ColorType.BLACK)) {
count++;
}
if (chess.getCheckKiko(than.x + dir * i * 100, than.y, ColorType.RED)) {
count++;
}
} else if (direction == "y") {
if (chess.getCheckKiko(than.x, than.y + dir * i * 100, ColorType.BLACK)) {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
count++;
}
if (chess.getCheckKiko(than.x, than.y + dir * i * 100, ColorType.RED)) {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
count++;
}
}
}
return count;
}
}
}
export default Chess
1042
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
