AI game creator

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

No:38800

124

←

Prev Next

→

テトリス
Developer User3293｜Date and time 24/1/25 20:20:05
Build time 30.729 sec｜Game capacity 3.709KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Tetris</title>
	<style>
		#grid {
			display: grid;
			grid-template-columns: repeat(10, 30px);
			grid-template-rows: repeat(20, 30px);
		}

.cell {
			border: 1px solid black;
		}
	</style>
</head>
<body>
	<div id="grid"></div>

function createGrid() {
			for (var row = 0; row < 20; row++) {
				var rowArray = [];
				for (var col = 0; col < 10; col++) {
					rowArray.push(0);
				}
				grid.push(rowArray);
			}
		}

function drawGrid() {
			var gridElement = document.getElementById('grid');
			gridElement.innerHTML = '';

for (var row = 0; row < grid.length; row++) {
				for (var col = 0; col < grid[row].length; col++) {
					var cell = document.createElement('div');
					if (grid[row][col] === 1) {
						cell.classList.add('cell');
						cell.innerHTML = '🔲';
					}
					gridElement.appendChild(cell);
				}
			}
		}

function rotateTetromino() {
			var tetrominoCopy = currentTetromino;
			currentTetromino = currentTetromino[0].map((col, i) =>
				currentTetromino.map(row => row[i])
			);
			if (!isValidMove(currentX, currentY, currentTetromino)) {
				currentTetromino = tetrominoCopy;
			}
		}

function moveLeft() {
			if (isValidMove(currentX - 1, currentY, currentTetromino)) {
				currentX--;
			}
		}

function moveRight() {
			if (isValidMove(currentX + 1, currentY, currentTetromino)) {
				currentX++;
			}
		}

function moveDown() {
			if (isValidMove(currentX, currentY + 1, currentTetromino)) {
				currentY++;
			} else {
				drawTetromino();
				checkCompleteRows();
				randomizeTetromino();
			}
		}

function randomizeTetromino() {
			currentTetrominoIndex = Math.floor(
				Math.random() * tetrominoes.length
			);
			currentTetromino = tetrominoes[currentTetrominoIndex];
			currentX = Math.floor((10 - currentTetromino.length) / 2);
			currentY = 0;
			if (!isValidMove(currentX, currentY, currentTetromino)) {
				clearInterval(intervalId);
				alert('Game Over!');
			}
		}

function handleKeyDown(e) {
			switch (e.key) {
				case 'ArrowLeft':
					moveLeft();
					break;
				case 'ArrowRight':
					moveRight();
					break;
				case 'ArrowDown':
					moveDown();
					break;
				case 'ArrowUp':
					rotateTetromino();
					break;
			}
		}

document.addEventListener('keydown', handleKeyDown);

createGrid();
		randomizeTetromino();
		drawGrid();
		intervalId = setInterval(moveDown, 1000);

</script>
</body>
</html>