Um jogo de plataforma's game

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

No:34865

←

Prev Next

→

Um jogo de plataforma
Developer User16355｜Date and time 24/1/12 1:46:24
Build time 18.525 sec｜Game capacity 2.903KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Jogo de Plataforma</title>
	<style>
		#player {
			width: 50px;
			height: 50px;
			background-color: red;
			position: absolute;
			bottom: 0;
			left: 0;
		}
	</style>
</head>
<body>
	<script>
		// Inicialização das variáveis do jogo
		var player;
		var platform;
		var gameRunning = false;
		var jumpHeight = 100;
		var gravity = 9.8;
		var isJumping = false;
		var playerPosY = 0;

// Função para iniciar o jogo
		function startGame() {
			// Criação do jogador e da plataforma
			player = document.createElement("div");
			player.id = "player";

platform = document.createElement("div");
			platform.style.width = "300px";
			platform.style.height = "20px";
			platform.style.backgroundColor = "green";
			platform.style.position = "absolute";
			platform.style.bottom = "0px";
			platform.style.left = "50px";
			
			// Adiciona o jogador e a plataforma ao corpo do jogo
			document.body.appendChild(player);
			document.body.appendChild(platform);

// Habilita os controles de toque para dispositivos móveis
			document.addEventListener("touchstart", handleTouchStart, false);
			document.addEventListener("touchend", handleTouchEnd, false);

// Define a posição inicial do jogador
			playerPosY = parseInt(window.getComputedStyle(player).getPropertyValue("bottom"));
			
			// Define que o jogo está em execução
			gameRunning = true;
			
			// Inicia o loop de jogo
			updateGame();
		}
		
		// Função para atualizar o jogo
		function updateGame() {
			// Verifica se o jogador está no ar
			if (isJumping) {
				// Aplica a aceleração da gravidade ao jogador
				playerPosY -= gravity;
			} else {
				// Verifica a colisão com a plataforma
				if (playerPosY <= parseInt(platform.style.height)) {
					// Impede que o jogador "atravesse" a plataforma
					playerPosY = parseInt(platform.style.height);
				} else {
					// Aplica a queda do jogador (aceleração da gravidade) quando não está pulando
					playerPosY -= gravity;
				}
			}
			
			// Atualiza a posição vertical do jogador
			player.style.bottom = playerPosY + "px";

// Verifica se o jogador caiu abaixo da tela
			if (playerPosY < 0) {
				endGame();
			}
			
			// Chama a função de atualização novamente após 100ms
			if (gameRunning) {
				setTimeout(updateGame, 100);
			}
		}
		
		// Função para lidar com o toque na tela inicializando o pulo do jogador
		function handleTouchStart(event) {
			if (!isJumping) {
				isJumping = true;
				
				// Aplica a força do pulo ao jogador
				playerPosY += jumpHeight;
			}
		}
		
		// Função para lidar com o toque na tela finalizando o pulo do jogador
		function handleTouchEnd(event) {
			isJumping = false;
		}
		
		// Função para encerrar o jogo
		function endGame() {
			gameRunning = false;
			alert("Fim de jogo!");
		}
		
		// Inicia o jogo
		startGame();
	</script>
</body>
</html>