Pac-Man With a mega fruit that can make you big and the ghosts can be squashed for all devices's game

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

No:17191

109

←

Prev Next

→

Pac-Man With a mega fruit that can make you big an..ALL
Developer User7570｜Date and time 23/9/22 9:51:21
Build time 42.052 sec｜Game capacity 5.451KB｜

Script

Sure! Here's a basic implementation of the Pac-Man game with a mega fruit power-up and the ability to squash ghosts. The game is designed to be played on smartphones and uses simple pictograms for visual representation.

To play the game, simply copy and paste the above code into a single HTML file and open it in any modern web browser. You can control Pac-Man's movement on a smartphone by dragging your finger on the screen. Squash the ghosts when you have the mega fruit power-up, and avoid them otherwise. The game keeps track of your score, and if you collide with a ghost without the mega fruit power-up, it will be game over.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pac-Man Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>

let ghostX = 200;
        let ghostY = 200;
        let ghostSpeed = 3;

let megaFruitX = 300;
        let megaFruitY = 400;
        let megaFruitSize = 25;

let score = 0;
        let megaFruitEaten = false;

// Wait for the page to load
        window.onload = function() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');

// Set up event listeners for touch controls
            canvas.addEventListener('touchstart', handleTouchStart);
            canvas.addEventListener('touchmove', handleTouchMove);
        }

// Main game loop
        function gameLoop() {
            moveEverything();
            drawEverything();

// Check for collision with mega fruit
            if (!megaFruitEaten && checkCollision(pacmanX, pacmanY, 20, 20, megaFruitX, megaFruitY, megaFruitSize, megaFruitSize)) {
                megaFruitEaten = true;
                score += 10;
            }

// Check for collision with ghost
            if (checkCollision(pacmanX, pacmanY, 20, 20, ghostX, ghostY, 20, 20)) {
                if (megaFruitEaten) {
                    ghostX = Math.random() * canvas.width;
                    ghostY = Math.random() * canvas.height;
                    score += 5;
                } else {
                    // Game over
                    alert("Game Over! Your score: " + score);
                    resetGame();
                }
            }

requestAnimationFrame(gameLoop);
        }

// Move game entities
        function moveEverything() {
            // Move Pac-Man based on touch controls
            pacmanX += pacmanSpeed;
            pacmanY += pacmanSpeed;

// Move ghost randomly
            ghostX += Math.random() * (ghostSpeed * 2) - ghostSpeed;
            ghostY += Math.random() * (ghostSpeed * 2) - ghostSpeed;

// Wrap entities around the canvas
            if (pacmanX > canvas.width) {
                pacmanX = 0;
            }
            if (pacmanY > canvas.height) {
                pacmanY = 0;
            }
            if (ghostX > canvas.width) {
                ghostX = 0;
            }
            if (ghostY > canvas.height) {
                ghostY = 0;
            }
        }

// Draw game entities on the canvas
        function drawEverything() {
            // Clear the canvas
            canvasContext.fillStyle = 'black';
            canvasContext.fillRect(0, 0, canvas.width, canvas.height);

// Draw Pac-Man
            canvasContext.fillStyle = 'yellow';
            canvasContext.beginPath();
            canvasContext.arc(pacmanX, pacmanY, 10, 0, Math.PI * 2, true);
            canvasContext.closePath();
            canvasContext.fill();

// Draw ghost
            canvasContext.fillStyle = 'red';
            canvasContext.fillRect(ghostX, ghostY, 20, 20);

// Draw mega fruit if it hasn't been eaten
            if (!megaFruitEaten) {
                canvasContext.fillStyle = 'orange';
                canvasContext.fillRect(megaFruitX, megaFruitY, megaFruitSize, megaFruitSize);
            }

// Draw score
            canvasContext.fillStyle = 'white';
            canvasContext.fillText("Score: " + score, 10, 20);
        }

// Check collision between two rectangles
        function checkCollision(rect1X, rect1Y, rect1Width, rect1Height, rect2X, rect2Y, rect2Width, rect2Height) {
            if (rect1X < rect2X + rect2Width &&
                rect1X + rect1Width > rect2X &&
                rect1Y < rect2Y + rect2Height&&
                rect1Y + rect1Height > rect2Y) {
                return true;
            }
            return false;
        }

// Reset the game
        function resetGame() {
            score = 0;
            megaFruitEaten = false;
            pacmanX = 50;
            pacmanY = 50;
            ghostX = 200;
            ghostY = 200;
        }

// Handle touch start event
        function handleTouchStart(event) {
            event.preventDefault();
            pacmanSpeed = 10;
        }

// Handle touch move event
        function handleTouchMove(event) {
            event.preventDefault();
            pacmanX = event.touches[0].clientX;
            pacmanY = event.touches[0].clientY;
        }

// Start the game loop
        gameLoop();
    </script>
</body>
</html>
```