AI game creator

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

No:26284

←

Prev Next

→

Pac-Man
Developer User12976｜Date and time 23/11/28 12:47:34
Build time 112.976 sec｜Game capacity 4.176KB｜

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 Game</title>
<style>
    body {
        margin: 0;
        padding: 0;
        background-color: #000;
    }
    canvas {
        display: block;
        margin: auto;
        background-color: #000;
        border: 4px solid #444;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="640" height="480"></canvas>

// Variables de configuración del juego
var blockSize = 20;
var gameSpeed = 100; // Velocidad del juego en milisegundos (100ms = 0.1s)

// Variables de estado del juego
var score = 0;
var pacman;
var ghost;

// Objeto Pac-Man
var Pacman = function() {
    this.x = 0;
    this.y = canvas.height / 2;
    this.direction = 0;
    this.radius = blockSize / 2;
    this.speed = blockSize;
    this.update = function() {
        ctx.beginPath();
        ctx.arc(this.x, this.y, this.radius, 0.25 * Math.PI * this.direction, 1.75 * Math.PI + 0.25 * Math.PI * this.direction);
        ctx.lineTo(this.x, this.y);
        ctx.closePath();
        ctx.fillStyle = "#FF0";
        ctx.fill();
    };
    this.move = function() {
        switch (this.direction) {
            case 0: // Up
                if (this.y - this.speed >= 0) {
                    this.y -= this.speed;
                }
                break;
            case 1: // Down
                if (this.y + this.speed + this.radius <= canvas.height) {
                    this.y += this.speed;
                }
                break;
            case 2: // Left
                if (this.x - this.speed >= 0) {
                    this.x -= this.speed;
                }
                break;
            case 3: // Right
                if (this.x + this.speed + this.radius <= canvas.width) {
                    this.x += this.speed;
                }
                break;
        }
    };
};

// Objeto Fantasma
var Ghost = function() {
    this.x = canvas.width / 2;
    this.y = canvas.height / 2;
    this.radius = blockSize / 2;
    this.speed = blockSize / 2;
    this.update = function() {
        ctx.beginPath();
        ctx.arc(this.x, this.y, this.radius, 0, 2 * Math.PI);
        ctx.closePath();
        ctx.fillStyle = "#F00";
        ctx.fill();
    };
    this.move = function() {
        var randomDirection = Math.floor(Math.random() * 4); // Generar un número aleatorio entre 0 y 3
        switch (randomDirection) {
            case 0: // Up
                if (this.y - this.speed >= 0) {
                    this.y -= this.speed;
                }
                break;
            case 1: // Down
                if (this.y + this.speed + this.radius <= canvas.height) {
                    this.y += this.speed;
                }
                break;
            case 2: // Left
                if (this.x - this.speed >= 0) {
                    this.x -= this.speed;
                }
                break;
            case 3: // Right
                if (this.x + this.speed + this.radius <= canvas.width) {
                    this.x += this.speed;
                }
                break;
        }
    };
};

// Event Listener para las teclas de dirección
document.addEventListener("keydown", function(event) {
    switch(event.keyCode) {
        case 38: // Up
            pacman.direction = 0;
            break;
        case 40: // Down
            pacman.direction = 1;
            break;
        case 37: // Left
            pacman.direction = 2;
            break;
        case 39: // Right
            pacman.direction = 3;
            break;
    }
});

// Función principal del juego
function gameLoop() {
    ctx.clearRect(0, 0, canvas.width, canvas.height); // Limpiar el canvas
    pacman.move(); // Mover Pac-Man
    ghost.move(); // Mover el Fantasma
    pacman.update(); // Dibujar Pac-Man
    ghost.update(); // Dibujar el Fantasma
    setTimeout(gameLoop, gameSpeed); // Repetir el loop principal
}

// Obtener una instancia de Pac-Man y el Fantasma
pacman = new Pacman();
ghost = new Ghost();

// Empezar el juego
gameLoop();

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