AI game creator

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

No:39482

←

Prev Next

→

Shooting Game
Developer User17653｜Date and time 24/1/28 14:47:32
Build time 14.544 sec｜Game capacity 5.106KB｜

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>
        #game-container {
            position: relative;
            width: 400px;
            height: 600px;
            margin: 0 auto;
            border: 1px solid black;
        }
        
        #player {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 50px;
            background-color: blue;
        }
        
        .bullet {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: red;
        }
        
        .enemy {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: green;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
    </div>

// Función para crear enemigos
        function createEnemy() {
            var enemy = document.createElement("div");
            enemy.className = "enemy";
            enemy.style.left = Math.floor(Math.random() * 350) + "px";
            enemy.style.top = "-50px";
            document.getElementById("game-container").appendChild(enemy);
            enemies.push(enemy);
        }

// Función para mover los enemigos
        function moveEnemies() {
            for (var i = 0; i < enemies.length; i++) {
                var enemy = enemies[i];
                var enemyTop = parseInt(enemy.style.top);
                enemy.style.top = (enemyTop + 5) + "px";
                
                // Verificar si el enemigo colisiona con el jugador
                if (enemyTop >= 550 && enemyTop <= 600 && parseInt(enemy.style.left) >= parseInt(player.style.left) - 45 && parseInt(enemy.style.left) <= parseInt(player.style.left) + 45) {
                    gameOver = true;
                }
                
                // Verificar si el enemigo colisiona con una bala
                for (var j = 0; j < bullets.length; j++) {
                    var bullet = bullets[j];
                    var bulletTop = parseInt(bullet.style.top);
                    var bulletLeft = parseInt(bullet.style.left);
                    
                    if (bulletTop <= enemyTop + 50 && bulletTop >= enemyTop && bulletLeft >= parseInt(enemy.style.left) && bulletLeft <= parseInt(enemy.style.left) + 50) {
                        document.getElementById("game-container").removeChild(enemy);
                        enemies.splice(i, 1);
                        document.getElementById("game-container").removeChild(bullet);
                        bullets.splice(j, 1);
                        score += 10;
                    }
                }
            }
        }

// Función para mover las balas
        function moveBullets() {
            for (var i = 0; i < bullets.length; i++) {
                var bullet = bullets[i];
                var bulletTop = parseInt(bullet.style.top);
                bullet.style.top = (bulletTop - 10) + "px";
                
                // Verificar si la bala salió del área de juego
                if (bulletTop <= -10) {
                    document.getElementById("game-container").removeChild(bullet);
                    bullets.splice(i, 1);
                }
            }
        }

// Función principal de juego
        function playGame() {
            if (gameOver) {
                alert("¡Juego Terminado! Puntuación: " + score);
                return;
            }
            
            // Crear enemigos aleatoriamente
            if (Math.random() < 0.03) {
                createEnemy();
            }

moveEnemies();
            moveBullets();

requestAnimationFrame(playGame);
        }

// Iniciar el juego al cargar la página
        window.onload = function() {
            player = document.getElementById("player");

// Mover al jugador en respuesta a eventos táctiles
            window.addEventListener("touchstart", function(event) {
                var touchX = event.touches[0].clientX;
                var containerX = document.getElementById("game-container").getBoundingClientRect().left;
                player.style.left = (touchX - containerX) + "px";
            });

// Disparar al tocar la pantalla
            window.addEventListener("touchend", function(event) {
                var bullet = document.createElement("div");
                bullet.className = "bullet";
                bullet.style.left = parseInt(player.style.left) + 20 + "px";
                bullet.style.top = "540px";
                document.getElementById("game-container").appendChild(bullet);
                bullets.push(bullet);
            });

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