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

No:46431

←

Prev Next

→

Pac-Man
Developer User20070｜Date and time 24/2/24 20:52:52
Build time 10.457 sec｜Game capacity 2.298KB｜

Script

Pac-Man Game

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Pac-Man Game</title>
	<style>
		body {
			background-color: black;
			color: white;
			text-align: center;
		}
		#game-board {
			display: inline-block;
		}
		.pacman {
			background-color: yellow;
			border-radius: 50%;
			height: 50px;
			width: 50px;
			position: absolute;
		}
		.ghost {
			background-color: red;
			border-radius: 50%;
			height: 50px;
			width: 50px;
			position: absolute;
		}
	</style>
</head>
<body>
	<h1>Pac-Man Game</h1>
	<div id="game-board"></div>
	<script>
		let pacman = null;
		let ghosts = [];

function createPacman() {
			pacman = document.createElement('div');
			pacman.className = 'pacman';
			pacman.style.top = '100px';
			pacman.style.left = '100px';
			document.getElementById('game-board').appendChild(pacman);
		}

function createGhost() {
			let ghost = document.createElement('div');
			ghost.className = 'ghost';
			ghost.style.top = Math.floor(Math.random() * 500) + 'px';
			ghost.style.left = Math.floor(Math.random() * 500) + 'px';
			document.getElementById('game-board').appendChild(ghost);
			ghosts.push(ghost);
		}

function moveGhosts() {
			for (let i = 0; i < ghosts.length; i++) {
				ghosts[i].style.top = parseInt(ghosts[i].style.top) + Math.floor(Math.random() * 10) + 'px';
				ghosts[i].style.left = parseInt(ghosts[i].style.left) + Math.floor(Math.random() * 10) + 'px';
			}
		}

createPacman();
		for (let i = 0; i < 5; i++) {
			createGhost();
		}

setInterval(moveGhosts, 1000);

</script>
</body>
</html>