A 4-dimensional random maze that gets more and more difficult as you progress.'s game

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

No:2395

432

←

Prev Next

→

A 4-dimensional random maze that gets more and mor..ALL
Developer User3559｜Date and time 23/6/21 10:14:36
Build time 32.276 sec｜Game capacity 2.735KB｜

Script

/*style.css*/ .maze { flex-wrap: wrap; } .row { font-size: 40px; } .buttons { justify-content: center; } button { font-size: 20px; margin: 10px; } /*ゲームの概要：　このゲームは、4次元ランダム迷路をクリアしようとするゲームです。プレイヤーは、移動することができますが、壁にぶつかるとゲームオーバーです。目的地までたどり着くことができれば、クリアとなります。絵文字が使われているので、プレイヤーはスマホで操作することが前提となります。*/

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>4次元ランダム迷路ゲーム</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<div class="maze"></div>
	<div class="buttons">
		<button id="up">上</button>
		<button id="down">下</button>
		<button id="left">左</button>
		<button id="right">右</button>
	</div>

function move(dx, dy) {
			position[0] += dx;
			position[1] += dy;
			if (maze[position[0]][position[1]] === true) {
				alert('ゲームオーバー!');
			} else {
				drawMaze();
			}
		}

drawMaze();

document.querySelector('#up').addEventListener('click', function () {
			move(-1, 0);
		});

document.querySelector('#down').addEventListener('click', function () {
			move(1, 0);
		});

document.querySelector('#left').addEventListener('click', function () {
			move(0, -1);
		});

document.querySelector('#right').addEventListener('click', function () {
			move(0, 1);
		});
	</script>
</body>
</html>

/*style.css*/
.maze {
	display: flex;
	flex-wrap: wrap;
}

.row {
	font-size: 40px;
}

.buttons {
	display: flex;
	justify-content: center;
}

button {
	font-size: 20px;
	margin: 10px;
}

/*ゲームの概要：
　このゲームは、4次元ランダム迷路をクリアしようとするゲームです。プレイヤーは、移動することができますが、壁にぶつかるとゲームオーバーです。目的地までたどり着くことができれば、クリアとなります。絵文字が使われているので、プレイヤーはスマホで操作することが前提となります。*/