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

No:7925

1308

←

Prev Next

→

irregular chess
Developer User3997｜Date and time 23/7/11 0:34:08
Build time 20.966 sec｜Game capacity 4.057KB｜

Script

了解しました。以下に「変則チェス」のゲームの例を記述します。

変則チェス

このプログラムは、5x5のグリッド上で2人で遊ぶ変則チェスのゲームです。「👑」はプレイヤー1を表し、「🎩」はプレイヤー2を表します。スタート（緑色）からフィニッシュ（赤色）まで、相手の駒を避けながら進めるようになっています。ゲーム終了条件は、自分の駒でフィニッシュに到達することです。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解しました。以下に「変則チェス」のゲームの例を記述します。

```html
<!DOCTYPE html>
<html>
<head>
	<title>変則チェス</title>
	<style>
		.grid {
			display: grid;
			grid-template-columns: repeat(5, 1fr);
			grid-template-rows: repeat(5, 1fr);
			grid-gap: 5px;
			width: 300px;
			height: 300px;
		}

.cell {
			background-color: lightgray;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 40px;
			cursor: pointer;
		}

.start {
			background-color: green;
			color: white;
		}

.finish {
			background-color: red;
			color: white;
		}

.player1 {
			background-color: aqua;
		}

.player2 {
			background-color: orange;
		}
	</style>
</head>
<body>
	<h1>変則チェス</h1>
	<div id="board" class="grid"></div>

// プレイヤーのターンを保持する変数
	let currentPlayer = 1;

// ゲームが終了したかどうかのフラグ
	let gameOver = false;

// ボードのサイズ
	const boardSize = 5;

// 初期化処理
	function initializeGame() {
		// ボードの作成
		const board = document.getElementById("board");
		for (let i = 0; i < boardSize; i++) {
			for (let j = 0; j < boardSize; j++) {
				const cell = document.createElement("div");
				cell.classList.add("cell");
				cell.addEventListener("click", () => makeMove(i, j));
				board.appendChild(cell);
				boardState.push({
					x: i,
					y: j,
					player: 0
				});
			}
		}

// スタートとフィニッシュのセルの特定の色を変更
		const startCell = document.getElementsByClassName("cell")[0];
		startCell.classList.add("start");

const finishCell = document.getElementsByClassName("cell")[boardSize - 1];
		finishCell.classList.add("finish");

// ゲームをリセット
		resetGame();
	}

// ゲームをリセットする処理
	function resetGame() {
		for (let cell of boardState) {
			cell.player = 0;
		}
		currentPlayer = 1;
		gameOver = false;
		renderBoard();
	}

// ゲームボードを描画する処理
	function renderBoard() {
		const cells = document.getElementsByClassName("cell");
		for (let i = 0; i < boardState.length; i++) {
			const cell = cells[i];
			const player = boardState[i].player;
			cell.textContent = player === 1 ? "👑" : player === 2 ? "🎩" : "";
		}
	}

// クリックされたセルに駒を置く処理
	function makeMove(x, y) {
		if (gameOver) {
			alert("ゲームは終了しています");
			return;
		}

const cellIndex = x * boardSize + y;
		const clickedCell = boardState[cellIndex];

// プレイヤーが自分の駒を置こうとした場合はスキップ
		if (clickedCell.player === currentPlayer) {
			alert("そこには既にあなたの駒があります");
			return;
		}

// クリックされたセルに駒を置く
		clickedCell.player = currentPlayer;

// ゲームをチェックする
		checkGameOver();

// プレイヤーを切り替える
		currentPlayer = currentPlayer === 1 ? 2 : 1;

// ボードを再描画する
		renderBoard();
	}

// ゲームが終了したかどうかをチェックする処理
	function checkGameOver() {
		const finishCellIndex = (boardSize - 1) * boardSize + (boardSize - 1);
		const finishCell = boardState[finishCellIndex];

// フィニッシュのセルに相手の駒がない場合、ゲーム終了
		if (finishCell.player !== currentPlayer) {
			alert("ゲーム終了！プレイヤー " + currentPlayer + " の勝利です！");
			gameOver = true;
		}
	}

// ゲームの初期化
	initializeGame();
	</script>
</body>
</html>
```