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

No:406

415

←

Prev Next

→

2048
Developer User3044｜Date and time 23/6/13 23:07:35
Build time 139.141 sec｜Game capacity 7.626KB｜

Script

2048

Score: 0

Game Over

Game overview:. This is a puzzle game in which the numbers 2048 are combined. When blocks of the same number are attached to each other、That number doubles; put 2 and 2 together and you get 4.、If you put 4 and 4 together, you get 8...... and so on.、The goal is to reach the number 2048. The blocks move only up, down, left and right.、If it cannot be moved, the game is over.

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>2048</title>
	<style>
		body {
			font-family: Arial, sans-serif;
			text-align: center;
		}
		h1 {
			margin-top: 20px;
		}
		table {
			margin: 0 auto;
			border-collapse: collapse;
		}
		td {
			width: 100px;
			height: 100px;
			text-align: center;
			font-size: 40px;
			font-weight: bold;
			border: 1px solid black;
		}
		#score {
			font-size: 24px;
			margin-top: 20px;
		}
		#gameover {
			font-size: 48px;
			color: red;
			display: none;
			margin-top: 40px;
		}
	</style>
</head>
<body>
	<h1>2048</h1>
	<table>
		<tr>
			<td id="00"></td>
			<td id="01"></td>
			<td id="02"></td>
			<td id="03"></td>
		</tr>
		<tr>
			<td id="10"></td>
			<td id="11"></td>
			<td id="12"></td>
			<td id="13"></td>
		</tr>
		<tr>
			<td id="20"></td>
			<td id="21"></td>
			<td id="22"></td>
			<td id="23"></td>
		</tr>
		<tr>
			<td id="30"></td>
			<td id="31"></td>
			<td id="32"></td>
			<td id="33"></td>
		</tr>
	</table>
	<div id="score">Score: 0</div>
	<div id="gameover">Game Over</div>
	<script>
		var board = [[0, 0, 0, 0],
					 [0, 0, 0, 0],
					 [0, 0, 0, 0],
					 [0, 0, 0, 0]];
		var score = 0;
		var gameover = false;

// 初期化
		function init() {
			addRandomBlock();
			addRandomBlock();
			updateBoard();
			updateScore();
		}

// ランダムな場所にブロックを追加
		function addRandomBlock() {
			var emptySpaces = [];
			for (var i = 0; i < 4; i++) {
				for (var j = 0; j < 4; j++) {
					if (board[i][j] == 0) {
						emptySpaces.push({x: i, y: j});
					}
				}
			}
			var randomIndex = Math.floor(Math.random() * emptySpaces.length);
			var randomBlock = Math.random() < 0.9 ? 2 : 4;
			board[emptySpaces[randomIndex].x][emptySpaces[randomIndex].y] = randomBlock;
		}

// ボードを更新する
		function updateBoard() {
			for (var i = 0; i < 4; i++) {
				for (var j = 0; j < 4; j++) {
					document.getElementById(i.toString() + j.toString()).innerText = board[i][j] == 0 ? "" : board[i][j].toString();
				}
			}
		}

// スコアを更新する
		function updateScore() {
			document.getElementById("score").innerText = "Score: " + score.toString();
		}

// ゲームオーバーかどうかをチェックする
		function checkGameOver() {
			for (var i = 0; i < 4; i++) {
				for (var j = 0; j < 4; j++) {
					if (board[i][j] == 0) {
						return false;
					}
					if (i > 0 && board[i][j] == board[i - 1][j]) {
						return false;
					}
					if (j > 0 && board[i][j] == board[i][j - 1]) {
						return false;
					}
				}
			}
			return true;
		}

// 上ボタンが押された時の処理
		function onUp() {
			if (gameover) {
				return;
			}
			var moved = false;
			for (var j = 0; j < 4; j++) {
				var merged = false;
				for (var i = 1; i < 4; i++) {
					if (board[i][j] != 0) {
						var k = i - 1;
						while (k >= 0 && board[k][j] == 0) {
							k--;
						}
						if (k >= 0 && board[k][j] == board[i][j] && !merged) {
							board[k][j] *= 2;
							score += board[k][j];
							board[i][j] = 0;
							merged = true;
							moved = true;
						} else {
							if (board[k + 1][j] == 0) {
								board[k + 1][j] = board[i][j];
								board[i][j] = 0;
								moved = true;
							}
						}
					}
				}
			}
			if (moved) {
				addRandomBlock();
				updateBoard();
				updateScore();
				if (checkGameOver()) {
					gameover = true;
					document.getElementById("gameover").style.display = "block";
				}
			}
		}

// 下ボタンが押された時の処理
		function onDown() {
			if (gameover) {
				return;
			}
			var moved = false;
			for (var j = 0; j < 4; j++) {
				var merged = false;
				for (var i = 2; i >= 0; i--) {
					if (board[i][j] != 0) {
						var k = i + 1;
						while (k <= 3 && board[k][j] == 0) {
							k++;
						}
						if (k <= 3 && board[k][j] == board[i][j] && !merged) {
							board[k][j] *= 2;
							score += board[k][j];
							board[i][j] = 0;
							merged = true;
							moved = true;
						} else {
							if (board[k - 1][j] == 0) {
								board[k - 1][j] = board[i][j];
								board[i][j] = 0;
								moved = true;
							}
						}
					}
				}
			}
			if (moved) {
				addRandomBlock();
				updateBoard();
				updateScore();
				if (checkGameOver()) {
					gameover = true;
					document.getElementById("gameover").style.display = "block";
				}
			}
		}

// 左ボタンが押された時の処理
		function onLeft() {
			if (gameover) {
				return;
			}
			var moved = false;
			for (var i = 0; i < 4; i++) {
				var merged = false;
				for (var j = 1; j < 4; j++) {
					if (board[i][j] != 0) {
						var k = j - 1;
						while (k >= 0 && board[i][k] == 0) {
							k--;
						}
						if (k >= 0 && board[i][k] == board[i][j] && !merged) {
							board[i][k] *= 2;
							score += board[i][k];
							board[i][j] = 0;
							merged = true;
							moved = true;
						} else {
							if (board[i][k + 1] == 0) {
								board[i][k + 1] = board[i][j];
								board[i][j] = 0;
								moved = true;
							}
						}
					}
				}
			}
			if (moved) {
				addRandomBlock();
				updateBoard();
				updateScore();
				if (checkGameOver()) {
					gameover = true;
					document.getElementById("gameover").style.display = "block";
				}
			}
		}

// 右ボタンが押された時の処理
		function onRight() {
			if (gameover) {
				return;
			}
			var moved = false;
			for (var i = 0; i < 4; i++) {
				var merged = false;
				for (var j = 2; j >= 0; j--) {
					if (board[i][j] != 0) {
						var k = j + 1;
						while (k <= 3 && board[i][k] == 0) {
							k++;
						}
						if (k <= 3 && board[i][k] == board[i][j] && !merged) {
							board[i][k] *= 2;
							score += board[i][k];
							board[i][j] = 0;
							merged = true;
							moved = true;
						} else {
							if (board[i][k - 1] == 0) {
								board[i][k - 1] = board[i][j];
								board[i][j] = 0;
								moved = true;
							}
						}
					}
				}
			}
			if (moved) {
				addRandomBlock();
				updateBoard();
				updateScore();
				if (checkGameOver()) {
					gameover = true;
					document.getElementById("gameover").style.display = "block";
				}
			}
		}

// タッチイベントの処理
		var touchstartX, touchstartY;
		
		function handleTouchStart(event) {
			if (event.touches.length !== 1) {
				return;
			}
			touchstartX = event.touches[0].screenX;
			touchstartY = event.touches[0].screenY;
		}
			
		function handleTouchMove(event) {
			event.preventDefault();
		}
			
		function handleTouchEnd(event) {
			if (event.changedTouches.length !== 1) {
				return;
			}
			var touchendX = event.changedTouches[0].screenX;
			var touchendY = event.changedTouches[0].screenY;
			var dx = touchendX - touchstartX;
			var dy = touchendY - touchstartY;

if (Math.abs(dx) > Math.abs(dy)) {
				// horizontal swipe
				if (dx > 0) {
					onRight();
				} else {
					onLeft();
				}
			} else {
				// vertical swipe
				if (dy > 0) {
					onDown();
				} else {
					onUp();
				}
			}
		}

init();
		document.addEventListener("touchstart", handleTouchStart, false);
		document.addEventListener("touchmove", handleTouchMove, false);
		document.addEventListener("touchend", handleTouchEnd, false);
	</script>
</body>
</html>

ゲームの概要:
2048という数字を合体させるパズルゲームです。同じ数値のブロックがくっつくと、その数値が2倍になります。2と2をくっつけると4、4と4をくっつけると8……といった具合に、2048という数字を目指します。ブロックが動くのは上下左右のみで、動かせない場合はゲームオーバーとなります。