AI game creator

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

No:19955

←

Prev Next

→

Juego de disparos
Developer User8885｜Date and time 23/10/7 14:23:39
Build time 11.914 sec｜Game capacity 3.291KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Juego de Disparos</title>
    <style>
        #game-container {
            width: 100%;
            height: 500px;
            background-color: #f2f2f2;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        #player {
            position: absolute;
            bottom: 50px;
            left: 50px;
            width: 50px;
            height: 50px;
            background-color: blue;
        }
        .bullet {
            position: absolute;
            width: 10px;
            height: 20px;
            background-color: red;
        }
        .target {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: green;
            border-radius: 50%;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
    </div>
    <script>
        var gameContainer = document.getElementById("game-container");
        var player = document.getElementById("player");
        var bullets = [];
        var targets = [];

gameContainer.addEventListener("click", shoot);

function shoot(event) {
            var bullet = document.createElement("div");
            bullet.classList.add("bullet");
            bullet.style.left = player.offsetLeft + "px";
            bullet.style.bottom = player.offsetTop + "px";
            gameContainer.appendChild(bullet);
            bullets.push(bullet);

var target = document.createElement("div");
            target.classList.add("target");
            target.style.left = event.clientX - 25 + "px";
            target.style.top = event.clientY - 25 + "px";
            gameContainer.appendChild(target);
            targets.push(target);
        }

function gameLoop() {
            moveBullets();
            checkCollision();
            requestAnimationFrame(gameLoop);
        }

gameLoop();
    </script>
</body>
</html>