AI game creator

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

No:41698

←

Prev Next

→

Pac-Man
Developer User18693｜Date and time 24/2/9 11:22:33
Build time 16.622 sec｜Game capacity 4.988KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Pac-Man - Jeu</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Pac-Man
        const PACMAN_RADIUS = 15;
        const PACMAN_SPEED = 4;

// Fantôme
        const GHOST_RADIUS = 15;
        const GHOST_SPEED = 3;

// Variables globales
        let canvas, context;
        let pacmanX, pacmanY, pacmanDirection;
        let ghostX, ghostY, ghostDirection;
        let score;

// Chargement du jeu
        window.onload = function () {
            canvas = document.getElementById("gameCanvas");
            context = canvas.getContext("2d");

// Initialisation des positions
            pacmanX = Math.floor(COLS / 2) * CELL_SIZE;
            pacmanY = Math.floor(ROWS / 2) * CELL_SIZE;
            pacmanDirection = "left";

ghostX = Math.floor(Math.random() * COLS) * CELL_SIZE;
            ghostY = Math.floor(Math.random() * ROWS) * CELL_SIZE;
            ghostDirection = "right";

score = 0;

// Écoute des touches directionnelles
            document.addEventListener("keydown", handleKeyPress);

// On lance le jeu
            setInterval(gameLoop, 1000 / 60); // 60 FPS
        };

// Boucle du jeu
        function gameLoop() {
            drawGame();
            updateGame();
        }

// Dessine le jeu
        function drawGame() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Dessine Pac-Man
            context.beginPath();
            context.arc(pacmanX, pacmanY, PACMAN_RADIUS, 0.25 * Math.PI, 1.75 * Math.PI);
            context.lineTo(pacmanX, pacmanY);
            context.fillStyle = "yellow";
            context.fill();
            context.closePath();

// Dessine le fantôme
            context.fillStyle = "red";
            context.fillRect(ghostX, ghostY, GHOST_RADIUS * 2, GHOST_RADIUS * 2);

// Affiche le score
            context.fillStyle = "white";
            context.font = "20px Arial";
            context.fillText("Score: " + score, 20, 40);
        }

// Met à jour les positions du jeu
        function updateGame() {
            // Mouvement de Pac-Man
            if (pacmanDirection === "up") {
                pacmanY -= PACMAN_SPEED;
            } else if (pacmanDirection === "down") {
                pacmanY += PACMAN_SPEED;
            } else if (pacmanDirection === "left") {
                pacmanX -= PACMAN_SPEED;
            } else if (pacmanDirection === "right") {
                pacmanX += PACMAN_SPEED;
            }

// Mouvement du fantôme
            if (ghostDirection === "up") {
                ghostY -= GHOST_SPEED;
            } else if (ghostDirection === "down") {
                ghostY += GHOST_SPEED;
            } else if (ghostDirection === "left") {
                ghostX -= GHOST_SPEED;
            } else if (ghostDirection === "right") {
                ghostX += GHOST_SPEED;
            }

// Vérification des collisions avec les bords de l'écran
            if (pacmanX < 0) {
                pacmanX = canvas.width - CELL_SIZE;
            } else if (pacmanX >= canvas.width) {
                pacmanX = 0;
            }

if (ghostX < 0) {
                ghostX = canvas.width - CELL_SIZE;
            } else if (ghostX >= canvas.width) {
                ghostX = 0;
            }

if (pacmanY < 0) {
                pacmanY = canvas.height - CELL_SIZE;
            } else if (pacmanY >= canvas.height) {
                pacmanY = 0;
            }

if (ghostY < 0) {
                ghostY = canvas.height - CELL_SIZE;
            } else if (ghostY >= canvas.height) {
                ghostY = 0;
            }

// Vérification des collisions entre Pac-Man et le fantôme
            if (Math.abs(pacmanX - ghostX) <= PACMAN_RADIUS + GHOST_RADIUS && Math.abs(pacmanY - ghostY) <= PACMAN_RADIUS + GHOST_RADIUS) {
                endGame();
            }
        }

// Gestion des touches directionnelles
        function handleKeyPress(event) {
            if (event.code === "ArrowUp" || event.keyCode === 38) {
                pacmanDirection = "up";
            } else if (event.code === "ArrowDown" || event.keyCode === 40) {
                pacmanDirection = "down";
            } else if (event.code === "ArrowLeft" || event.keyCode === 37) {
                pacmanDirection = "left";
            } else if (event.code === "ArrowRight" || event.keyCode === 39) {
                pacmanDirection = "right";
            }
        }

// Fin du jeu
        function endGame() {
            alert("Game Over! Votre score: " + score);
            location.reload();
        }
    </script>
</body>
</html>