Evil spirits extinguished! Evil spirits extinguished!'s game

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

No:5285

3799

←

Prev Next

→

Evil spirits extinguished! Evil spirits extinguish..ALL
Developer anonymous｜Date and time 70/1/1 9:51:44
Build time unknown sec｜Game capacity 3.104KB｜

Script

了解しました！以下にサンプルのゲームを実装します。

この実装では、3x3のマス目が表示されています。各マス目をクリックすることで、交互に「👻」か「💀」を配置することができます。一列、一列のいずれかが同じ記号で埋まった場合、そのプレーヤーの勝利となります。また、すべてのマス目が埋まり、勝敗が決まらない場合は引き分けです。ご希望に応じて、絵文字やゲームの詳細をカスタマイズすることも可能ですので、ぜひご活用ください。

←

Prev　Next

→ 　

Back　

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

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

了解しました！以下にサンプルのゲームを実装します。

```html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>悪霊退散ゲーム</title>
	<style>
		* {
			box-sizing: border-box;
		}

body {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100vh;
			margin: 0;
			background-color: #000;
		}

#gameboard {
			display: flex;
			flex-wrap: wrap;
			width: 300px;
			height: 300px;
		}

.cell {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 33.33%;
			height: 33.33%;
			font-size: 48px;
			color: #fff;
			background-color: #333;
			border: 1px solid #fff;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<div id="gameboard"></div>

const numRows = 3;
		const numCols = 3;

let currentPlayer = '👻';
		let gameIsOver = false;

function makeMove(row, col) {
			if (gameIsOver || cells[row * numCols + col].textContent !== '') {
				return;
			}

cells[row * numCols + col].textContent = currentPlayer;
			cells[row * numCols + col].style.backgroundColor = '#000';

if (checkWin()) {
				alert(currentPlayer + 'の勝利!');
				gameIsOver = true;
				return;
			}

if (checkDraw()) {
				alert('引き分け!');
				gameIsOver = true;
				return;
			}

currentPlayer = currentPlayer === '👻' ? '💀' : '👻';
		}

function checkWin() {
			const winPatterns = [
				[0, 1, 2],
				[3, 4, 5],
				[6, 7, 8],
				[0, 3, 6],
				[1, 4, 7],
				[2, 5, 8],
				[0, 4, 8],
				[2, 4, 6]
			];

for (const pattern of winPatterns) {
				const [a, b, c] = pattern;
				if (
					cells[a].textContent === currentPlayer &&
					cells[b].textContent === currentPlayer &&
					cells[c].textContent === currentPlayer
				) {
					cells[a].style.backgroundColor = '#0f0';
					cells[b].style.backgroundColor = '#0f0';
					cells[c].style.backgroundColor = '#0f0';
					return true;
				}
			}

return false;
		}

function checkDraw() {
			for (const cell of cells) {
				if (cell.textContent === '') {
					return false;
				}
			}

return true;
		}

initializeGame();
	</script>
</body>
</html>
```

この実装では、3x3のマス目が表示されています。各マス目をクリックすることで、交互に「👻」か「💀」を配置することができます。一列、一列のいずれかが同じ記号で埋まった場合、そのプレーヤーの勝利となります。また、すべてのマス目が埋まり、勝敗が決まらない場合は引き分けです。

ご希望に応じて、絵文字やゲームの詳細をカスタマイズすることも可能ですので、ぜひご活用ください。