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

No:42563

←

Prev Next

→

Pac-Man
Developer User18909｜Date and time 24/2/12 2:56:53
Build time 14.368 sec｜Game capacity 3.103KB｜

Script

Pac-Man

Pontuação: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Pac-Man</title>
	<style type="text/css">
		canvas {
			border: 1px solid black;
		}
		#score {
			text-align: center;
		}
	</style>
</head>
<body>
	<h1>Pac-Man</h1>
	<canvas id="gameCanvas" width="500" height="400"></canvas>
	<p id="score">Pontuação: 0</p>

// Definindo as imagens a serem usadas
		let pacManImage = document.createElement("img");
		pacManImage.src = "pacman.png";

let ghostImage = document.createElement("img");
		ghostImage.src = "ghost.png";

// Definindo as posições iniciais do Pac-Man e dos fantasmas
		let pacMan = { x: 50, y: 50 };
		let ghost = { x: 200, y: 200 };

// Definindo a pontuação inicial
		let score = 0;

// Movendo o Pac-Man
		function movePacMan(direction) {
			if (direction === "up") {
				pacMan.y -= 10;
			} else if (direction === "down") {
				pacMan.y += 10;
			} else if (direction === "left") {
				pacMan.x -= 10;
			} else if (direction === "right") {
				pacMan.x += 10;
			}

drawGame();
		}

// Verificando colisão com o fantasma
		function checkCollision() {
			if (pacMan.x === ghost.x && pacMan.y === ghost.y) {
				alert("Você foi pego pelo fantasma! Fim de jogo!");
			}
		}

// Desenhando o jogo na tela
		function drawGame() {
			context.clearRect(0, 0, canvas.width, canvas.height);

// Desenhando o Pac-Man
			context.drawImage(pacManImage, pacMan.x, pacMan.y);

// Desenhando o fantasma
			context.drawImage(ghostImage, ghost.x, ghost.y);

// Atualizando a pontuação na tela
			document.getElementById("score").innerHTML = "Pontuação: " + score;
		}

// Iniciando o jogo
		function startGame() {
			drawGame();

// Capturando comandos de toque na tela do smartphone
			document.addEventListener("touchstart", function(event) {
				let touchX = event.touches[0].clientX;
				let touchY = event.touches[0].clientY;

// Verificando a direção do toque
				if (touchX > pacMan.x && touchX < pacMan.x + 30 && touchY > pacMan.y && touchY < pacMan.y + 30) {
					movePacMan("up");
				} else if (touchX > pacMan.x && touchX < pacMan.x + 30 && touchY > pacMan.y && touchY < pacMan.y + 30) {
					movePacMan("down");
				} else if (touchX > pacMan.x && touchX < pacMan.x + 30 && touchY > pacMan.y && touchY < pacMan.y + 30) {
					movePacMan("left");
				} else if (touchX > pacMan.x && touchX < pacMan.x + 30 && touchY > pacMan.y && touchY < pacMan.y + 30) {
					movePacMan("right");
				}
			});

// Atualizando a posição do fantasma em intervalos de tempo
			setInterval(function() {
				if (ghost.x > pacMan.x) {
					ghost.x -= 10;
				} else if (ghost.x < pacMan.x) {
					ghost.x += 10;
				}

if (ghost.y > pacMan.y) {
					ghost.y -= 10;
				} else if (ghost.y < pacMan.y) {
					ghost.y += 10;
				}

checkCollision();
				drawGame();
			}, 500);
		}
		
		// Iniciando o jogo quando a página é completamente carregada
		window.onload = startGame;
	</script>
</body>
</html>