A recreation of Pokemon red demo where you walk around Ash Ketchum's room and when the player Sprite touches the stairs the game says GOOD JOB This is only a demo tho. And if you collide into some of the furniture the game says OH NO GAME CRASHED!'s game

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

No:43245

←

Prev Next

→

A recreation of Pokemon red demo where you walk ar..ALL
Developer User19162｜Date and time 24/2/15 4:23:14
Build time 9.178 sec｜Game capacity 2.131KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Pokemon Red Demo</title>
</head>
<body>
	<canvas id="gameCanvas" width="400" height="400"></canvas>

// Game variables
	var canvas;
	var canvasContext;
	var playerX = 50;
	var playerY = 50;
	var playerSpeed = 2;
	var playerSprite = new Image();
	var furnitureSprite = new Image();
	var stairsSprite = new Image();
	var message = "";

window.onload = function() {
		canvas = document.getElementById("gameCanvas");
		canvasContext = canvas.getContext("2d");

// Load sprites
		playerSprite.src = "player.png";
		furnitureSprite.src = "furniture.png";
		stairsSprite.src = "stairs.png";

// Game loop
		setInterval(update, 1000 / 60);

// Event listener for keyboard input
		document.addEventListener("keydown", handleKeydown);
	}

function update() {
		movePlayer();
		draw();
		checkCollision();
	}

function draw() {
		// Clear the canvas
		canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw furniture and stairs
		canvasContext.drawImage(furnitureSprite, 100, 100);
		canvasContext.drawImage(stairsSprite, 200, 200);

// Draw player sprite
		canvasContext.drawImage(playerSprite, playerX, playerY);

// Display message
		canvasContext.font = "20px Arial";
		canvasContext.fillStyle = "black";
		canvasContext.fillText(message, 50, 380);
	}

function checkCollision() {
		// Check if player collides with furniture
		if ((playerX >= 100 && playerX <= 150) && (playerY >= 100 && playerY <= 150)) {
			message = "OH NO! GAME CRASHED!";
		}

// Check if player touches stairs
		if ((playerX >= 200 && playerX <= 250) && (playerY >= 200 && playerY <= 250)) {
			message = "GOOD JOB!";
		}
	}

</script>
</body>
</html>