A shooter game's game | AI game creator

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

No:52731

182

A shooter game
Developer User22126｜Date and time 24/3/24 10:39:52
Build time 5.165 sec｜Game capacity 1.462KB｜

→ 　

0　

0　

[PR]現在の欲しいものランキング

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

(C)2023 HisashiApp

<script>
    // Shooter game implementation
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    
    const player = {
        x: 50,
        y: 200,
        size: 20,
        speed: 5
    };
    
    let bullets = [];
    
    function drawPlayer(){
        ctx.fillStyle = 'blue';
        ctx.fillRect(player.x, player.y, player.size, player.size);
    }
    
    function drawBullets(){
        bullets.forEach(bullet => {
            ctx.fillStyle = 'red';
            ctx.fillRect(bullet.x, bullet.y, bullet.size, bullet.size);
        });
    }
    
    function moveBullets(){
        bullets = bullets.map(bullet => {
            return {
                x: bullet.x + 10,
                y: bullet.y,
                size: bullet.size
            };
        });
    }
    
    function gameLoop(){
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        drawPlayer();
        drawBullets();
        moveBullets();
        
        requestAnimationFrame(gameLoop);
    }
    
    function shoot(){
        bullets.push({
            x: player.x + player.size,
            y: player.y + player.size / 2,
            size: 5
        });
    }
    
    document.addEventListener('keyup', event => {
        if(event.key === ' ') {
            shoot();
        }
    });
    
    canvas.width = 800;
    canvas.height = 400;
    document.body.appendChild(canvas);
    
    gameLoop();
</script>