AI game creator

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

No:51932

101

←

Prev Next

→

Move up
Developer User20178｜Date and time 24/3/17 3:46:34
Build time 7.147 sec｜Game capacity 1.468KB｜

Script

Очки: 0

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Игра</title>
</head>
<body>
	<div id="game-container">
		<div id="score">Очки: 0</div>
		<div id="game-over" style="display:none">Конец игры!</div>
		<canvas id="gameCanvas" width="320" height="480"></canvas>
	</div>

let score = 0;
	let gameover = false;

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

function drawEnemy(x, y) {
		ctx.fillStyle = 'red';
		ctx.fillRect(x, y, 20, 20);
	}

let playerX = 150;
	let playerY = 400;

let enemyX = 150;
	let enemyY = 10;

function gameLoop() {
		if (gameover) {
			document.getElementById('game-over').style.display = 'block';
			return;
		}

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

drawPlayer(playerX, playerY);
		drawEnemy(enemyX, enemyY);

if (Math.abs(playerX - enemyX) < 20 && Math.abs(playerY - enemyY) < 20) {
			gameover = true;
		}

enemyY += 5;
		if (enemyY > canvas.height) {
			enemyX = Math.random() * 300;
			enemyY = 10;
			score++;
			document.getElementById('score').innerText = 'Очки: ' + score;
		}

requestAnimationFrame(gameLoop);
	}

document.addEventListener('keydown', function(e) {
		if (e.key === 'ArrowLeft') {
			playerX -= 10;
		} else if (e.key === 'ArrowRight') {
			playerX += 10;
		}
	});

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