A roguelike game that takes 10 seconds to finish.'s game

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

No:4307

6400

←

Prev Next

→

A roguelike game that takes 10 seconds to finish.
Developer User3770｜Date and time 23/6/27 19:29:03
Build time 31.285 sec｜Game capacity 2.597KB｜

Script

ローグライクゲームを作ってみます。

このゲームは、ランダムな壁や敵が配置された迷路を走り抜けるゲームです。プレイヤーは絵文字で表されます。プレイヤーはキーボードの矢印キーで操作できます。敵に触れるとゲームオーバーになります。また、ゲームオーバーになったときには赤いテキストでゲームオーバーのメッセージが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

ローグライクゲームを作ってみます。

<!DOCTYPE html>
<html>
<head>
	<title>Rogue Game</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			background-color: #000000;
			color: #ffffff;
			font-family: Arial, sans-serif;
			font-size: 16px;
			text-align: center;
		}
		table {
			margin: 0 auto;
			border-collapse: collapse;
		}
		td {
			width: 30px;
			height: 30px;
			line-height: 30px;
			font-size: 24px;
			text-align: center;
			border: 1px solid #ffffff;
		}
		#message {
			margin-top: 10px;
			display: none;
		}
	</style>
</head>
<body>
	<table id="map"></table>
	<div id="message"></div>
	<script>
		var rows = 10;
		var cols = 10;
		var playerRow = 0;
		var playerCol = 0;

var map = new Array(rows);
		for (var i = 0; i < rows; i++) {
			map[i] = new Array(cols);
			for (var j = 0; j < cols; j++) {
				map[i][j] = Math.random() < 0.2 ? '💀' : '　';
			}
		}
		map[playerRow][playerCol] = '😀';

function showGameOver() {
			document.getElementById('message').innerText = 'ゲームオーバー';
			document.getElementById('message').style.color = 'red';
			document.getElementById('message').style.display = 'block';
		}

if (map[playerRow][playerCol] == '💀') {
				map[playerRow][playerCol] = '💥';
				drawMap();
				showGameOver();
			} else {
				map[playerRow][playerCol] = '😀';
				drawMap();
			}
		});
	</script>
</body>
</html>