Extreme Shogi's game | AI game creator

Click here for free DL of the app version that can save data.

No:1764

2175

Extreme Shogi
Developer GOひろし｜Date and time 23/6/19 0:43:18
Build time 61.311 sec｜Game capacity 5.001KB｜

→ 　

0　

0　

[PR]現在の売れ筋グッズランキング

Click here for free DL of the app version that can save data.

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>エクストリーム将棋</title>
</head>
<body>
	<div id="board"></div>
	<button id="restart">もう一度プレイする</button>
	<script>
		let board = document.getElementById('board');
		let restartButton = document.getElementById('restart');

let boardSize = 8;
		let pieces = ['♔', '♕', '♖', '♗', '♘', '♙', '♚', '♛', '♜', '♝', '♞', '♟'];
		let startingPositions = [
			[3, 0, 1],
			[3, 7, 7],
			[0, 0, 8],
			[0, 7, 10],
			[1, 0, 3],
			[1, 1, 3],
			[1, 2, 3],
			[1, 3, 3],
			[1, 4, 3],
			[1, 5, 3],
			[1, 6, 3],
			[1, 7, 3],
			[2, 0, 2],
			[2, 1, 2],
			[2, 2, 2],
			[2, 3, 2],
			[2, 4, 2],
			[2, 5, 2],
			[2, 6, 2],
			[2, 7, 2],
			[0, 1, 5],
			[0, 6, 5],
			[0, 2, 4],
			[0, 5, 4],
			[0, 3, 3],
			[0, 4, 3]
		];

let gameState = {
			board: [],
			selectedPiece: null
		};

function initializeBoard() {
			for (let i = 0; i < boardSize; i++) {
				let row = gameState.board[i] = [];
				for (let j = 0; j < boardSize; j++) {
					row[j] = null;
				}
			}
			for (let i = 0; i < startingPositions.length; i++) {
				let piece = startingPositions[i];
				gameState.board[piece[1]][piece[2]] = {
					type: pieces[piece[0]],
					color: (piece[0] < 6) ? 'white' : 'black'
				};
			}
		}

function renderBoard() {
			board.innerHTML = '';
			for (let i = 0; i < boardSize; i++) {
				let row = document.createElement('div');
				row.className = 'row';
				for (let j = 0; j < boardSize; j++) {
					let square = document.createElement('div');
					square.className = 'square';
					square.dataset.row = i;
					square.dataset.col = j;
					if ((i + j) % 2 === 0) {
						square.classList.add('light');
					} else {
						square.classList.add('dark');
					}
					if (gameState.selectedPiece && gameState.selectedPiece.row === i && gameState.selectedPiece.col === j) {
						square.classList.add('selected');
					}
					let piece = gameState.board[i][j];
					if (piece !== null) {
						let pieceDiv = document.createElement('div');
						pieceDiv.className = 'piece';
						pieceDiv.textContent = piece.type;
						if (piece.color === 'white') {
							pieceDiv.classList.add('white');
						} else {
							pieceDiv.classList.add('black');
						}
						square.appendChild(pieceDiv);
					}
					row.appendChild(square);
				}
				board.appendChild(row);
			}
		}

function init() {
			initializeBoard();
			renderBoard();
			board.addEventListener('click', handleBoardClick);
			restartButton.addEventListener('click', handleRestartClick);
		}

function handleRestartClick() {
			gameState = {
				board: [],
				selectedPiece: null
			};
			initializeBoard();
			renderBoard();
		}

function handleBoardClick(e) {
			let row = parseInt(e.target.dataset.row);
			let col = parseInt(e.target.dataset.col);
			let piece = gameState.board[row][col];
			if (gameState.selectedPiece === null && piece !== null && piece.color === 'white') {
				gameState.selectedPiece = {
					row: row,
					col: col
				};
			} else if (gameState.selectedPiece !== null && (row !== gameState.selectedPiece.row || col !== gameState.selectedPiece.col)) {
				let move = {
					fromRow: gameState.selectedPiece.row,
					fromCol: gameState.selectedPiece.col,
					toRow: row,
					toCol: col
				};
				if (isValidMove(move)) {
					movePiece(move);
				}
				gameState.selectedPiece = null;
			} else {
				gameState.selectedPiece = null;
			}
			renderBoard();
		}

function isValidMove(move) {
			let piece = gameState.board[move.fromRow][move.fromCol];
			if (piece === null) {
				return false;
			}
			if (move.toRow < 0 || move.toRow >= boardSize || move.toCol < 0 || move.toCol >= boardSize) {
				return false;
			}
			let target = gameState.board[move.toRow][move.toCol];
			if (target !== null && target.color === piece.color) {
				return false;
			}
			if (piece.type === '♙') {
				if (target !== null && (move.toCol !== move.fromCol + 1 && move.toCol !== move.fromCol - 1)) {
					return false;
				}
				if (target === null && move.toCol !== move.fromCol) {
					return false;
				}
				if (piece.color === 'white' && (move.toRow !== move.fromRow - 1 && move.toRow !== move.fromRow - 2)) {
					return false;
				}
				if (piece.color === 'black' && (move.toRow !== move.fromRow + 1 && move.toRow !== move.fromRow + 2)) {
					return false;
				}
				if (piece.color === 'white' && move.toRow === move.fromRow - 2 && gameState.board[move.fromRow - 1][move.fromCol] !== null) {
					return false;
				}
				if (piece.color === 'black' && move.toRow === move.fromRow + 2 && gameState.board[move.fromRow + 1][move.fromCol] !== null) {
					return false;
				}
				return true;
			} else {
				// TODO: implement other pieces
			}
		}

function movePiece(move) {
			let piece = gameState.board[move.fromRow][move.fromCol];
			gameState.board[move.toRow][move.toCol] = piece;
			gameState.board[move.fromRow][move.fromCol] = null;
		}

init();
	</script>
</body>
</html>