AI game creator

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

No:39476

←

Prev Next

→

Pac-Man
Developer User17653｜Date and time 24/1/28 14:39:55
Build time 10.019 sec｜Game capacity 2.749KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
<style>
    canvas {
        border: 1px solid #000;
        display: block;
        margin: 0 auto;
    }
</style>
</head>
<body>
<script>
    // Variables del juego
    var canvas, ctx;
    var pacManX, pacManY;
    var pacManRadius;
    var pacManSpeed;
    var direction;
    var score;

// Inicializar el juego
    function initGame() {
        canvas = document.createElement("canvas");
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        ctx = canvas.getContext("2d");
        document.body.appendChild(canvas);
        pacManX = canvas.width / 2;
        pacManY = canvas.height / 2;
        pacManRadius = 30;
        pacManSpeed = 5;
        direction = "right";
        score = 0;
        document.addEventListener("keydown", handleKeyDown);
        setInterval(gameLoop, 20);
    }

// Dibujar Pac-Man en la pantalla
    function drawPacMan() {
        ctx.beginPath();
        ctx.arc(pacManX, pacManY, pacManRadius, 0, Math.PI * 2);
        ctx.fillStyle = "yellow";
        ctx.fill();
        ctx.closePath();
    }

// Actualizar la posición de Pac-Man basado en la dirección y velocidad
    function updatePacManPosition() {
        if (direction === "right") {
            pacManX += pacManSpeed;
        } else if (direction === "left") {
            pacManX -= pacManSpeed;
        } else if (direction === "up") {
            pacManY -= pacManSpeed;
        } else if (direction === "down") {
            pacManY += pacManSpeed;
        }
    }

// Verificar colisiones con los bordes de la pantalla
    function checkScreenCollision() {
        if (pacManX + pacManRadius > canvas.width) {
            pacManX = canvas.width - pacManRadius;
        } else if (pacManX - pacManRadius < 0) {
            pacManX = pacManRadius;
        } else if (pacManY + pacManRadius > canvas.height) {
            pacManY = canvas.height - pacManRadius;
        } else if (pacManY - pacManRadius < 0) {
            pacManY = pacManRadius;
        }
    }

// Loop principal del juego
    function gameLoop() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawPacMan();
        updatePacManPosition();
        checkScreenCollision();
    }

// Manejar los eventos de teclado para cambiar la dirección de Pac-Man
    function handleKeyDown(event) {
        if (event.keyCode === 37) {
            direction = "left";
        } else if (event.keyCode === 38) {
            direction = "up";
        } else if (event.keyCode === 39) {
            direction = "right";
        } else if (event.keyCode === 40) {
            direction = "down";
        }
    }

// Iniciar el juego
    initGame();
</script>
</body>
</html>