AI game creator

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

No:47254

←

Prev Next

→

Shooting Game
Developer User20429｜Date and time 24/2/27 19:53:52
Build time 6.07 sec｜Game capacity 1.805KB｜

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>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>
    
    <script>
        const canvas = document.getElementById('canvas');
        const ctx = canvas.getContext('2d');
        
        let playerX = canvas.width / 2;
        let playerY = canvas.height - 50;
        
        let bulletX;
        let bulletY;
        let shooting = false;
        
        function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerX - 20, playerY, 40, 20);
        }
        
        function drawBullet() {
            if (shooting) {
                ctx.fillStyle = 'red';
                ctx.fillRect(bulletX, bulletY, 10, 10);
            }
        }
        
        function moveBullet() {
            if (shooting) {
                bulletY -= 5;
                if (bulletY < 0) {
                    shooting = false;
                }
            }
        }
        
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            drawPlayer();
            drawBullet();
            moveBullet();
            
            requestAnimationFrame(update);
        }
        
        update();
        
        document.addEventListener('keydown', function(event) {
            if (event.key === ' ') {
                if (!shooting) {
                    bulletX = playerX - 5;
                    bulletY = playerY - 10;
                    shooting = true;
                }
            }
            
            if (event.key === 'ArrowLeft') {
                playerX -= 10;
            }
            
            if (event.key === 'ArrowRight') {
                playerX += 10;
            }
        });
    </script>
</body>
</html>