AI game creator

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

No:24678

102

←

Prev Next

→

Shooting Game
Developer User11763｜Date and time 23/11/11 6:54:46
Build time 126.155 sec｜Game capacity 4.968KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Juego de Disparos</title>
    <style>
        canvas {
            background-color: #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// Crear el objeto del jugador
        var player = {
            x: canvas.width / 2,
            y: canvas.height - 32,
            width: 32,
            height: 32,
            speed: 5
        };

// Crear el objeto de bala
        var bullet = {
            x: 0,
            y: 0,
            width: 5,
            height: 10,
            speed: 10,
            visible: false
        };

// Crear los objetos de enemigo
        var enemies = [];
        var enemyCount = 5;

for (var i = 0; i < enemyCount; i++) {
            enemies.push({
                x: Math.random() * (canvas.width - 32),
                y: Math.random() * (canvas.height / 2),
                width: 32,
                height: 32,
                speed: 2
            });
        }

// Variable de control de teclado
        var keys = {};

// Eventos de teclado
        document.addEventListener("keydown", function (event) {
            keys[event.code] = true;
        });

document.addEventListener("keyup", function (event) {
            keys[event.code] = false;
        });

// Función de actualización del juego
        function update() {
            // Mover al jugador
            if (keys["ArrowLeft"]) {
                player.x -= player.speed;
            }
            if (keys["ArrowRight"]) {
                player.x += player.speed;
            }

// Disparar una bala
            if (keys["Space"] && !bullet.visible) {
                bullet.visible = true;
                bullet.x = player.x + player.width / 2;
                bullet.y = player.y;
            }

// Mover la bala
            if (bullet.visible) {
                bullet.y -= bullet.speed;
            }

// Controlar los límites del lienzo para el jugador
            if (player.x < 0) {
                player.x = 0;
            }
            if (player.x + player.width > canvas.width) {
                player.x = canvas.width - player.width;
            }

// Controlar los límites del lienzo para la bala
            if (bullet.y < 0) {
                bullet.visible = false;
            }

// Mover a los enemigos y detectar colisiones
            for (var i = 0; i < enemyCount; i++) {
                var enemy = enemies[i];
                enemy.y += enemy.speed;

if (enemy.y + enemy.height > canvas.height) {
                    enemy.y = Math.random() * (canvas.height / 2) - enemy.height;
                    enemy.x = Math.random() * (canvas.width - enemy.width);
                }

if (
                    bullet.visible &&
                    bullet.x < enemy.x + enemy.width &&
                    bullet.x + bullet.width > enemy.x &&
                    bullet.y < enemy.y + enemy.height &&
                    bullet.y + bullet.height > enemy.y
                ) {
                    bullet.visible = false;
                    enemy.y = Math.random() * (canvas.height / 2) - enemy.height;
                    enemy.x = Math.random() * (canvas.width - enemy.width);
                }

if (
                    player.x < enemy.x + enemy.width &&
                    player.x + player.width > enemy.x &&
                    player.y < enemy.y + enemy.height &&
                    player.y + player.height > enemy.y
                ) {
                    alert("¡Has perdido! Intenta de nuevo.");
                    document.location.reload();
                }
            }
        }

// Función de dibujado del juego
        function draw() {
            // Limpiar el lienzo
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar al jugador
            ctx.fillStyle = "#fff";
            ctx.fillRect(player.x, player.y, player.width, player.height);

// Dibujar la bala
            if (bullet.visible) {
                ctx.fillStyle = "#f00";
                ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
            }

// Dibujar a los enemigos
            ctx.fillStyle = "#0f0";
            for (var i = 0; i < enemyCount; i++) {
                var enemy = enemies[i];
                ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
            }
        }

// Bucle principal del juego
        function gameLoop() {
            update();
            draw();
            requestAnimationFrame(gameLoop);
        }

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