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

No:3107

3170

←

Prev Next

→

Insurance that can be game over.
Developer User3660｜Date and time 23/6/23 21:52:25
Build time 75.436 sec｜Game capacity 6.122KB｜

Script

超絶パズルゲーム

あなたのスコア: 0

操作説明: 左右矢印キーで移動、上矢印キーで回転、下矢印キーで落下

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>超絶パズルゲーム</title>
</head>
<body>
	<h1>超絶パズルゲーム</h1>
	<div id="game-board"></div>
	<p>あなたのスコア: <span id="score">0</span></p>
	<p>操作説明: <span id="control">左右矢印キーで移動、上矢印キーで回転、下矢印キーで落下</span></p>

// ゲーム盤のサイズ
		const BOARD_WIDTH = 10;
		const BOARD_HEIGHT = 20;

// ブロックのサイズ
		const BLOCK_SIZE = 30;

// ブロックが動くスピード
		const SPEED = 500;

// ゲームデータの初期化
		let gameData = {
			board: [],
			score: 0,
			currentBlock: null,
			nextBlock: null,
			timerId: null,
			isGameOver: false,
		};

// ゲーム盤を作成
		function createBoard() {
			for (let y = 0; y < BOARD_HEIGHT; y++) {
				gameData.board.push(new Array(BOARD_WIDTH).fill(0));
			}
		}

// ブロックを作成
		function createBlock() {
			if (gameData.nextBlock == null) {
				gameData.nextBlock = BLOCKS[Math.floor(Math.random() * BLOCKS.length)];
			}

gameData.currentBlock = gameData.nextBlock;
			gameData.nextBlock = BLOCKS[Math.floor(Math.random() * BLOCKS.length)];

// ブロックの初期位置
			gameData.currentY = 0;
			gameData.currentX = Math.floor((BOARD_WIDTH - gameData.currentBlock[0].length) / 2);

// ゲームオーバーのチェック
			if (isGameOver()) {
				gameData.isGameOver = true;
				clearInterval(gameData.timerId);
				alert('ゲームオーバー');
			}
		}

// ブロックを描画
		function drawBlock() {
			for (let y = 0; y < gameData.currentBlock.length; y++) {
				for (let x = 0; x < gameData.currentBlock[y].length; x++) {
					if (gameData.currentBlock[y][x] != 0) {
						let boardX = gameData.currentX + x;
						let boardY = gameData.currentY + y;

drawSquare(boardX, boardY, gameData.currentBlock[y][x]);
					}
				}
			}
		}

// ゲーム盤を描画
		function drawBoard() {
			for (let y = 0; y < BOARD_HEIGHT; y++) {
				for (let x = 0; x < BOARD_WIDTH; x++) {
					drawSquare(x, y, gameData.board[y][x]);
				}
			}
		}

// 正方形を描画
		function drawSquare(x, y, value) {
			let canvas = document.createElement('canvas');
			canvas.width = BLOCK_SIZE;
			canvas.height = BLOCK_SIZE;
			canvas.style.position = 'absolute';
			canvas.style.left = x * BLOCK_SIZE + 'px';
			canvas.style.top = y * BLOCK_SIZE + 'px';
			canvas.style.backgroundColor = value == 0 ? '#777' : '#333';
			canvas.style.border = '1px solid #fff';

document.getElementById('game-board').appendChild(canvas);
		}

// ブロックを移動
		function moveBlock(deltaX, deltaY, newBlock) {
			if (newBlock == null) {
				newBlock = gameData.currentBlock;
			}

let newX = gameData.currentX + deltaX;
			let newY = gameData.currentY + deltaY;

if (isValidPosition(newX, newY, newBlock)) {
				gameData.currentX = newX;
				gameData.currentY = newY;
				gameData.currentBlock = newBlock;
				clearBoard();
				drawBlock();
				drawBoard();
				return true;
			} else {
				return false;
			}
		}

// ブロックが移動可能かどうかチェック
		function isValidPosition(x, y, block) {
			if (x < 0 || x + block[0].length > BOARD_WIDTH || y + block.length > BOARD_HEIGHT) {
				return false;
			}

for (let i = 0; i < block.length; i++) {
				for (let j = 0; j < block[i].length; j++) {
					if (block[i][j] != 0 && gameData.board[y + i][x + j] != 0) {
						return false;
					}
				}
			}

return true;
		}

// ブロックを回転
		function rotateBlock() {
			let newBlock = [];

for (let y = 0; y < gameData.currentBlock.length; y++) {
				newBlock[y] = [];

for (let x = 0; x < gameData.currentBlock[y].length; x++) {
					newBlock[y][x] = gameData.currentBlock[gameData.currentBlock.length - x - 1][y];
				}
			}

return newBlock;
		}

// ブロックを落とす
		function dropBlock() {
			if (!moveBlock(0, 1)) {
				fixBlock();
				clearLines();
				createBlock();
			}
		}

// ブロックを固定
		function fixBlock() {
			for (let y = 0; y < gameData.currentBlock.length; y++) {
				for (let x = 0; x < gameData.currentBlock[y].length; x++) {
					if (gameData.currentBlock[y][x] != 0) {
						gameData.board[gameData.currentY + y][gameData.currentX + x] = gameData.currentBlock[y][x];
					}
				}
			}
		}

// 消せるラインを消す
		function clearLines() {
			let linesCleared = 0;

for (let y = BOARD_HEIGHT - 1; y >= 0; y--) {
				let rowFilled = true;

for(let x = 0; x < BOARD_WIDTH; x++) {
					if (gameData.board[y][x] == 0) {
						rowFilled = false;
						break;
					}
				}

if (rowFilled) {
					linesCleared++;
					let row = gameData.board.splice(y, 1)[0];
					gameData.board.unshift(new Array(BOARD_WIDTH).fill(0));
					y++;
				}
			}

if (linesCleared > 0) {
				gameData.score += 100 * linesCleared;
				document.getElementById('score').textContent = gameData.score;
			}
		}

// ゲームオーバーのチェック
		function isGameOver() {
			return !isValidPosition(gameData.currentX, gameData.currentY, gameData.currentBlock);
		}

// キーボード操作
		document.addEventListener('keydown', function(event) {
			switch (event.key) {
				case 'ArrowLeft':
					moveBlock(-1, 0);
					break;
				case 'ArrowRight':
					moveBlock(1, 0);
					break;
				case 'ArrowUp':
					moveBlock(0, 0, rotateBlock());
					break;
				case 'ArrowDown':
					dropBlock();
					break;
			}
		});

// ゲームを開始
		createBoard();
		createBlock();
		drawBlock();
		drawBoard();
		gameData.timerId = setInterval(dropBlock, SPEED);
	</script>
</body>
</html>