Hard Obby But Added Lava And Maze And Win's game

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

No:46234

105

←

Prev Next

→

Hard Obby But Added Lava And Maze And Win
Developer Skarby｜Date and time 24/2/24 4:15:54
Build time 10.98 sec｜Game capacity 2.206KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Hard Obby</title>
</head>
<body>
	<canvas id="gameCanvas" width="800" height="600"></canvas>

const player = {
			x: 50,
			y: 100,
			width: 20,
			height: 20,
			speed: 5
		};

const lava = {
			x: 200,
			y: 300,
			width: 20,
			height: 20
		};

const maze = {
			x: 400,
			y: 400,
			width: 50,
			height: 50
		};

function drawPlayer() {
			ctx.fillStyle = 'blue';
			ctx.fillRect(player.x, player.y, player.width, player.height);
		}

function drawLava() {
			ctx.fillStyle = 'red';
			ctx.fillRect(lava.x, lava.y, lava.width, lava.height);
		}

function drawMaze() {
			ctx.fillStyle = 'green';
			ctx.fillRect(maze.x, maze.y, maze.width, maze.height);
		}

function checkCollisions() {
			if(player.x < lava.x + lava.width &&
			   player.x + player.width > lava.x &&
			   player.y < lava.y + lava.height &&
			   player.y + player.height > lava.y) {
				alert('Game Over!');
			}

if(player.x < maze.x + maze.width &&
			   player.x + player.width > maze.x &&
			   player.y < maze.y + maze.height &&
			   player.y + player.height > maze.y) {
				alert('You Win!');
			}
		}

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

drawPlayer();
			drawLava();
			drawMaze();

checkCollisions();
		}

gameLoop();
		});

gameLoop();
	</script>
</body>
</html>