Crie um jogo de construções de blocos's game

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

No:43069

←

Prev Next

→

Crie um jogo de construções de blocos
Developer User19080｜Date and time 24/2/14 4:53:00
Build time 8.361 sec｜Game capacity 1.811KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Construções de Blocos</title>
	<style>
		canvas {
			border: 1px solid black;
		}
	</style>
</head>
<body>
	<canvas id="gameCanvas" width="400" height="400"></canvas>

// Variáveis globais do jogo
			var blockSize = 20;
			var blockX = Math.floor(Math.random() * canvas.width / blockSize) * blockSize;
			var blockY = Math.floor(Math.random() * canvas.height / blockSize) * blockSize;
			var score = 0;

// Evento de toque para mover o bloco
			canvas.addEventListener("touchstart", function(event) {
				var touchX = event.touches[0].clientX - canvas.offsetLeft;
				var touchY = event.touches[0].clientY - canvas.offsetTop;

if (touchX >= blockX && touchX <= blockX + blockSize && touchY >= blockY && touchY <= blockY + blockSize) {
					// Bloco tocado, aumentar a pontuação e reposicionar o bloco
					score++;
					blockX = Math.floor(Math.random() * canvas.width / blockSize) * blockSize;
					blockY = Math.floor(Math.random() * canvas.height / blockSize) * blockSize;
				}
			});

// Função de atualização do jogo
			function update() {
				// Limpar tela de jogo
				ctx.clearRect(0, 0, canvas.width, canvas.height);

// Desenhar bloco
				ctx.fillStyle = "blue";
				ctx.fillRect(blockX, blockY, blockSize, blockSize);

// Desenhar pontuação
				ctx.font = "20px Arial";
				ctx.fillStyle = "black";
				ctx.fillText("Pontuação: " + score, 10, 30);

// Chamar a função de atualização novamente
				requestAnimationFrame(update);
			}

// Iniciar a atualização do jogo
			update();
		};
	</script>
</body>
</html>