Crie um jogo runner e construa um cenário's game

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

No:27901

←

Prev Next

→

Crie um jogo runner e construa um cenário
Developer User13919｜Date and time 23/12/10 0:59:19
Build time 19.695 sec｜Game capacity 2.234KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Jogo Runner</title>
	<style>
		#game-container {
			position: relative;
			width: 400px;
			height: 600px;
			background-color: #f2f2f2;
			margin: auto;
		}
		
		#player {
			position: absolute;
			width: 50px;
			height: 50px;
			background-color: red;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
		}
		
		#obstacle {
			position: absolute;
			width: 50px;
			height: 50px;
			background-color: blue;
			bottom: 50px;
			right: 0;
		}
	</style>
</head>
<body>
	<div id="game-container">
		<div id="player"></div>
		<div id="obstacle"></div>
	</div>

if (playerBottom > 0 && !isJumping) {
					clearInterval(gameInterval);
					gameInterval = setInterval(moveObstacle, 20);
				}
			}

function moveObstacle() {
				if (obstacleRight < 450) {
					obstacleRight += 5;
					obstacle.style.right = obstacleRight + 'px';
				} else {
					obstacleRight = 0;
					obstacle.style.right = obstacleRight + 'px';
				}

if (obstacleRight > 0 && obstacleRight < 50 && playerBottom == 0) {
					clearInterval(gameInterval);
					alert('Game Over!');
					resetGame();
				}
			}

function resetGame() {
				isJumping = false;
				playerBottom = 0;
				obstacleRight = 0;
				player.style.bottom = playerBottom + 'px';
				obstacle.style.right = obstacleRight + 'px';
				clearInterval(gameInterval);
			}

document.addEventListener('keydown', function(event) {
				if (event.code === 'Space') {
					if (!isJumping) {
						isJumping = true;
						gameInterval = setInterval(jump, 20);
					}
				}
			});

gameInterval = setInterval(moveObstacle, 20);
		});
	</script>
</body>
</html>