Go To Theo Top(Game Is Representes By A BLUE Square,He Needs To Avoid Theo Attacks Of A Angry Red Square,The Good Ending:You Defeat The Red Square And Reach The Top,Bad Ending:You k○ll The Red Square,But At What Cost?You Cant Reach The Top!-How You Move:You Need To Move Your Hoje Tô Left And Right,More Angry Red Square Gets,More Fast The Game Goes)'s game

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

No:23516

←

Prev Next

→

Go To Theo Top(Game Is Representes By A BLUE Squar..ALL
Developer User10967｜Date and time 23/11/1 3:37:06
Build time 49.116 sec｜Game capacity 1.962KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Theo Top Game</title>
	<style>
		canvas {
			border: 1px solid black;
		}
	</style>
</head>
<body>
	<canvas id="gameCanvas" width="500" height="500"></canvas>

var player = {
			x: canvas.width / 2,
			y: canvas.height - 30,
			width: 50,
			height: 50,
			speed: 5
		};

var enemy = {
			x: Math.random() * 450,
			y: 0,
			width: 50,
			height: 50,
			speed: 2
		};

var isGameOver = false;

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

function drawEnemy() {
			ctx.fillStyle = "red";
			ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
		}

function movePlayerLeft() {
			if (player.x > 0) {
				player.x -= player.speed;
			}
		}

function movePlayerRight() {
			if (player.x + player.width < canvas.width) {
				player.x += player.speed;
			}
		}

function updateEnemy() {
			enemy.y += enemy.speed;

if (enemy.y + enemy.height > canvas.height) {
				enemy.y = 0;
				enemy.x = Math.random() * 450;
			}
		}

function checkCollision() {
			if (
				player.x < enemy.x + enemy.width &&
				player.x + player.width > enemy.x &&
				player.y < enemy.y + enemy.height &&
				player.y + player.height > enemy.y
			) {
				isGameOver = true;
			}
		}

function draw() {
			if (isGameOver) {
				ctx.font = "30px Arial";
				ctx.fillText("Game Over", 180, 250);
				return;
			}

ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
			drawEnemy();

checkCollision();
			updateEnemy();

requestAnimationFrame(draw);
		}

document.addEventListener("keydown", function (event) {
			switch (event.keyCode) {
				case 37: // Left arrow key
					movePlayerLeft();
					break;
				case 39: // Right arrow key
					movePlayerRight();
					break;
			}
		});

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