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

No:3763

237

←

Prev Next

→

Aprender
Developer User3739｜Date and time 23/6/26 14:36:50
Build time 19.961 sec｜Game capacity 2.077KB｜

Script

a programar é uma habilidade importante nos dias de hoje. Aqui está um exemplo de um jogo simples em HTML e JavaScript que pode ser jogado em um smartphone:

GAME

Tap the screen to move the player left and right.

Neste jogo, o jogador controla um quadrado amarelo movendo-o para a esquerda e para a direita tocando na tela do smartphone. O objetivo é evitar os obstáculos vermelhos que se movem horizontalmente pela tela. O jogo fica mais difícil com o tempo, já que a velocidade dos obstáculos aumenta gradualmente. Se o jogador colidir com um obstáculo, ele perde o jogo.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

a programar é uma habilidade importante nos dias de hoje. Aqui está um exemplo de um jogo simples em HTML e JavaScript que pode ser jogado em um smartphone:

<!DOCTYPE html>
<html>
<head>
	<title>Game</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
	<h1>GAME</h1>
	<p>Tap the screen to move the player left and right.</p>
	<canvas id="canvas"></canvas>

// Set up player variables
		var playerX = 50;
		var playerY = canvas.height - 50;
		var playerSpeed = 5;

// Set up obstacle variables
		var obstacleX = canvas.width - 50;
		var obstacleY = canvas.height - 50;
		var obstacleSpeed = 2;

function drawPlayer() {
			ctx.fillStyle = "yellow";
			ctx.fillRect(playerX, playerY, 50, 50);
		}

function drawObstacle() {
			ctx.fillStyle = "red";
			ctx.fillRect(obstacleX, obstacleY, 50, 50);
		}

function movePlayer(event) {
			if (event.touches[0].clientX < canvas.width / 2) {
				playerX -= playerSpeed;
			} else {
				playerX += playerSpeed;
			}
		}

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

drawPlayer();
			drawObstacle();

obstacleX -= obstacleSpeed;

if (obstacleX < -50) {
				obstacleX = canvas.width - 50;

// Increase difficulty over time
				obstacleSpeed += 0.5;
			}

// Check for collision
			if (playerX < obstacleX + 50 &&
				playerX + 50 > obstacleX &&
				playerY < obstacleY + 50 &&
				playerY + 50 > obstacleY) {
				alert("Game over!");
			}

requestAnimationFrame(update);
		}

canvas.addEventListener("touchstart", movePlayer);

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