Auto shoot,move space invaders idle's game | AI game creator

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

No:47434

65

Auto shoot,move space invaders idle
Developer User18896｜Date and time 24/2/28 3:14:28
Build time 10.984 sec｜Game capacity 2.252KB｜

→ 　

0　

0　

　

　

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

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

(C)2023 HisashiApp

<script>
    // Define variables
    let canvas = document.createElement('canvas');
    let ctx = canvas.getContext('2d');
    let player = { x: 50, y: 550, speed: 7 };
    let bullets = [];
    let aliens = [];
    let alienSpeed = 2;
    let isGameover = false;
    
    // Create canvas
    canvas.width = 800;
    canvas.height = 600;
    document.body.appendChild(canvas);
    
    // Player controls
    window.addEventListener('keydown', (e) => {
        if (e.key === 'ArrowLeft') {
            player.x -= player.speed;
        } else if (e.key === 'ArrowRight') {
            player.x += player.speed;
        } else if (e.key === ' ') {
            bullets.push({ x: player.x + 25, y: player.y });
        }
    });
    
    // Render function
    function render() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.beginPath();
        ctx.rect(player.x, player.y, 50, 50);
        ctx.fill();
        
        bullets.forEach((bullet, index) => {
            ctx.beginPath();
            ctx.rect(bullet.x, bullet.y, 5, 10);
            ctx.fill();
            
            // Check if bullet hit an alien
            aliens.forEach((alien, alienIndex) => {
                if (bullet.x >= alien.x && bullet.x <= alien.x + 50 &&
                    bullet.y >= alien.y && bullet.y <= alien.y + 50) {
                    aliens.splice(alienIndex, 1);
                    bullets.splice(index, 1);
                }
            });
            
            bullet.y -= 10;
            if (bullet.y <= 0) {
                bullets.splice(index, 1);
            }
        });
        
        aliens.forEach((alien) => {
            ctx.beginPath();
            ctx.rect(alien.x, alien.y, 50, 50);
            ctx.fill();
            
            alien.y += alienSpeed;
            
            if (alien.y >= player.y && !isGameover) {
                isGameover = true;
                alert('Game Over!');
            }
        });
        
        if (!isGameover) requestAnimationFrame(render);
    }
    
    // Generate aliens
    for (let i = 0; i < 5; i++) {
        aliens.push({ x: Math.floor(Math.random() * 750), y: Math.floor(Math.random() * 400) });
    }
    
    // Start the game
    render();
</script>