pac man but with smiley emojis's game

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

No:496

199

←

Prev Next

→

pac man but with smiley emojis
Developer User2999｜Date and time 23/6/15 0:16:46
Build time 32.522 sec｜Game capacity 2.228KB｜

Script

The game is Smiley Pac-Man and the objective is to move Pac-Man (the smiley) around the screen, collecting points and avoiding obstacles. The player can move Pac-Man using the arrow keys on their keyboard. The game keeps track of the player’s score and updates it as they collect points. The graphics and design of the game use smiley emojis to create a fun and playful atmosphere.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Smiley Pac-Man</title>
	<style>
		canvas { 
			border: 2px solid black; 
		}
	</style>
</head>
<body>
	<canvas id="canvas" width="300" height="300"></canvas>
	<script>
		// Smiley Pac-Man game logic
		var canvas = document.getElementById("canvas");
		var ctx = canvas.getContext("2d");
		var score = 0;
		var x = canvas.width/2;
		var y = canvas.height/2;
		var dx = 2;
		var dy = -2;
		var smileySize = 30;

function drawSmiley() {
			ctx.beginPath();
			ctx.arc(x, y, smileySize, 0, Math.PI*2);
			ctx.fillStyle = "yellow";
			ctx.fill();
			ctx.closePath();
			ctx.beginPath();
			ctx.arc(x+10, y-10, 5, 0, Math.PI*2);
			ctx.fillStyle = "black";
			ctx.fill();
			ctx.closePath();
			ctx.beginPath();
			ctx.arc(x-10, y-10, 5, 0, Math.PI*2);
			ctx.fillStyle = "black";
			ctx.fill();
			ctx.closePath();
			ctx.beginPath();
			ctx.arc(x, y+10, 10, 0, Math.PI, false);
			ctx.strokeStyle = "black";
			ctx.lineWidth = 3;
			ctx.stroke();
			ctx.closePath();
		}

function drawScore() {
			ctx.font = "16px Arial";
			ctx.fillStyle = "black";
			ctx.fillText("Score: "+score, 8, 20);
		}

setInterval(draw, 10);

// Adding keyboard controls
		document.addEventListener("keydown", function(event) {
			if(event.keyCode === 37) {
				dx = -2.5;
				dy = 0;
			}
			else if(event.keyCode === 38) {
				dy = -2.5;
				dx = 0;
			}
			else if(event.keyCode === 39) {
				dx = 2.5;
				dy = 0;
			}
			else if(event.keyCode === 40) {
				dy = 2.5;
				dx = 0;
			}
		});

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

The game is Smiley Pac-Man and the objective is to move Pac-Man (the smiley) around the screen, collecting points and avoiding obstacles. The player can move Pac-Man using the arrow keys on their keyboard. The game keeps track of the player's score and updates it as they collect points. The graphics and design of the game use smiley emojis to create a fun and playful atmosphere.