AI game creator

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

No:4369

10739

←

Prev Next

→

rogue
Developer anonymous｜Date and time 70/1/1 10:13:14
Build time unknown sec｜Game capacity 4.394KB｜

Script

ライクゲームを作ります。

←

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>Rogue-like Game</title>
	<style>
		body {
			margin: 0;
			padding: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100vh;
			background-color: #131313;
			color: white;
			font-family: monospace;
		}
		canvas {
			border: 1px solid white;
		}
	</style>
</head>
<body>
	<canvas id="canvas" width="240" height="240"></canvas>
	<script>
		const canvas = document.getElementById("canvas");
		const ctx = canvas.getContext("2d");

const tileW = 20;
		const tileH = 20;

const mapW = 12;
		const mapH = 12;

let level = 1;

let player = {
			x: 1,
			y: 1,
			hp: 10,
			dmg: 2,
			level: 1
		}

let keysDown = {};

let tiles = [
			[1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
			[1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
			[1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
			[1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
			[1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
			[1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
			[1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
			[1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
			[1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
			[1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
			[1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
			[1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
		];

function drawPlayer() {
			ctx.fillStyle = "yellow";
			ctx.fillRect(player.x * tileW, player.y * tileH, tileW, tileH);
		}

function drawStats() {
			ctx.fillStyle = "black";
			ctx.fillRect(0, 240, 240, 20);

ctx.fillStyle = "white";
			ctx.fillText("Level: " + level, 10, 253);
			ctx.fillText("HP: " + player.hp, 70, 253);
			ctx.fillText("DMG: " + player.dmg, 120, 253);
		}

function levelUp() {
			player.level++;
			player.hp += Math.floor(Math.random() * 3) + 1;
			player.dmg += Math.floor(Math.random() * 3) + 1;
			level++;
			generateMap();
		}

function generateMap() {
			tiles = [];

for (let y = 0; y < mapH; y++) {
				tiles[y] = [];

for (let x = 0; x < mapW; x++) {
					if (x === 0 || x === mapW - 1 || y === 0 || y === mapH - 1) {
						tiles[y][x] = 1;
					} else {
						if (Math.random() < 0.8) {
							tiles[y][x] = 0;
						} else {
							tiles[y][x] = 1;
						}
					}
				}
			}

player.x = 1;
			player.y = 1;

draw();
		}

function movePlayer() {
			let newX = player.x;
			let newY = player.y;

if (keysDown["ArrowUp"] && tiles[player.y - 1][player.x] === 0) {
				newY--;
			}

if (keysDown["ArrowDown"] && tiles[player.y + 1][player.x] === 0) {
				newY++;
			}

if (keysDown["ArrowLeft"] && tiles[player.y][player.x - 1] === 0) {
				newX--;
			}

if (keysDown["ArrowRight"] && tiles[player.y][player.x + 1] === 0) {
				newX++;
			}

// Attack
			if (Math.random() < 0.2) {
				let enemy = {
					x: Math.floor(Math.random() * (mapW - 2)) + 1,
					y: Math.floor(Math.random() * (mapH - 2)) + 1,
					hp: Math.floor(Math.random() * level) + 1,
					dmg: Math.floor(Math.random() * level)
				}

if (enemy.x === player.x && enemy.y === player.y) {
					// Battle
					while (player.hp > 0 && enemy.hp > 0) {
						let playerDmg = Math.floor(Math.random() * player.dmg) + 1;
						let enemyDmg = Math.floor(Math.random() * enemy.dmg) + 1;

enemy.hp -= playerDmg;
						player.hp -= enemyDmg;

if (player.hp <= 0) {
							// Game over
							alert("You are dead.");
							generateMap();
							return;
						}

if (enemy.hp <= 0) {
							// Victory
							alert("You defeated the enemy!");
							player.x = newX;
							player.y = newY;
							draw();
							if (player.level === level) {
								levelUp();
								return;
							}
						}
					}
				}
			}

player.x = newX;
			player.y = newY;

draw();
		}

function handleKeyDown(keyEvent) {
			keysDown[keyEvent.code] = true;
		}

function handleKeyUp(keyEvent) {
			keysDown[keyEvent.code] = false;
		}

function draw() {
			ctx.clearRect(0, 0, canvas.width, canvas.height);

drawMap();
			drawPlayer();
			drawStats();
		}

document.addEventListener("keydown", handleKeyDown);
		document.addEventListener("keyup", handleKeyUp);

generateMap();

setInterval(movePlayer, 1000 / 10);
	</script>
</body>
</html>