Faça um jogo de plataforma que pula andas para os lados tem plataformas que voam e que tem colisão que tenha gravidade que tenha chão's game

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

No:50232

←

Prev Next

→

Faça um jogo de plataforma que pula andas para os ..ALL
Developer User21256｜Date and time 24/3/8 5:32:08
Build time 8.755 sec｜Game capacity 1.812KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html lang="pt-br">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Jogo de Plataforma</title>
	<style>
		canvas {
			border: 1px solid black;
		}
	</style>
</head>
<body>
	<canvas id="gameCanvas" width="800" height="400"></canvas>

const player = {
			x: 50,
			y: 300,
			width: 50,
			height: 50,
			velX: 0,
			velY: 0,
			jumping: false
		};

const gravity = 1;
		const platforms = [{ x: 50, y: 350, width: 100, height: 20 }];

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

function drawPlatform() {
			ctx.fillStyle = "green";
			platforms.forEach(platform => {
				ctx.fillRect(platform.x, platform.y, platform.width, platform.height);
			});
		}

function updatePlayer() {
			player.velY += gravity;

if (player.jumping && player.y >= 250) {
				player.velY = -15;
				player.jumping = false;
			}

player.y += player.velY;
		}

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

drawPlayer();
			drawPlatform();
			updatePlayer();
			checkCollision();

requestAnimationFrame(gameLoop);
		}

document.addEventListener("keydown", function(event) {
			if (event.key === " ") {
				player.jumping = true;
			}
		});

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