AI game creator

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

No:37049

←

Prev Next

→

Shooting Game
Developer User15752｜Date and time 24/1/20 1:29:15
Build time 16.77 sec｜Game capacity 4.565KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
    <style>
        body {
            background-color: #000;
            margin: 0;
            padding: 0;
        }
        #game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        #player {
            position: absolute;
            left: 50%;
            bottom: 20px;
            transform: translateX(-50%);
            width: 50px;
            height: 50px;
            background-color: #fff;
        }
        .bullet {
            position: absolute;
            width: 5px;
            height: 10px;
            background-color: #f00;
        }
        .target {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: #f00;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
    </div>

var playerPosition = 50;
        var gameWidth = gameContainer.clientWidth;
        var gameHeight = gameContainer.clientHeight;
        var targetSpeed = 3;
        var targetInterval = 1500;
        var score = 0;

function shootBullet() {
            var bullet = document.createElement('div');
            bullet.classList.add('bullet');
            bullet.style.left = (playerPosition + 23) + 'px';
            bullet.style.bottom = '70px';
            gameContainer.appendChild(bullet);

function collides(a, b) {
            var aRect = a.getBoundingClientRect();
            var bRect = b.getBoundingClientRect();

return !(
                ((aRect.bottom < bRect.top) || (aRect.top > bRect.bottom)) ||
                ((aRect.right < bRect.left) || (aRect.left > bRect.right))
            );
        }

function createTarget() {
            var target = document.createElement('div');
            target.classList.add('target');
            target.style.left = Math.floor(Math.random() * (gameWidth - 50)) + 'px';
            target.style.top = '-50px';
            gameContainer.appendChild(target);

target.moveInterval = setInterval(function() {
                moveTarget(target);
            }, 25);
        }
        
        function updateScore() {
            var scoreElement = document.getElementById('score');
            scoreElement.innerText = 'Score: ' + score;
        }

setInterval(function() {
            createTarget();
        }, targetInterval);
    </script>
</body>
</html>