Crea un avión que gire donde tocó la pantalla y lo persigan misiles cada cierto tiempo para destruir el avion's game

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

No:52904

237

←

Prev Next

→

Crea un avión que gire donde tocó la pantalla y lo..ALL
Developer User20538｜Date and time 24/3/26 18:57:43
Build time 14.68 sec｜Game capacity 2.119KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Avión y Misiles</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        const planeImage = new Image();
        planeImage.src = 'plane.png';
        const missileImage = new Image();
        missileImage.src = 'missile.png';
        
        let planeX = canvas.width / 2;
        let planeY = canvas.height / 2;
        let touchX = planeX;
        let touchY = planeY;
        let missiles = [];
        
        canvas.addEventListener('touchstart', function(event) {
            touchX = event.touches[0].clientX;
            touchY = event.touches[0].clientY;
        });
        
        function update() {
            for (let i = 0; i < missiles.length; i++) {
                let missile = missiles[i];
                missile.x -= Math.sign(missile.x - planeX) * 3;
                missile.y -= Math.sign(missile.y - planeY) * 3;
                
                if (missile.x < 0 || missile.x > canvas.width || missile.y < 0 || missile.y > canvas.height) {
                    missiles.splice(i, 1);
                    i--;
                }
            }
        }
        
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.drawImage(planeImage, planeX - 25, planeY - 25, 50, 50);
            missiles.forEach(function(missile) {
                ctx.drawImage(missileImage, missile.x - 10, missile.y - 10, 20, 20);
            });
        }
        
        function gameLoop() {
            update();
            draw();
            
            // Generate new missile every 2 seconds
            if (Math.random() < 0.01) {
                let randomX = Math.random() * canvas.width;
                let randomY = Math.random() * canvas.height;
                missiles.push({x: randomX, y: randomY});
            }
            
            requestAnimationFrame(gameLoop);
        }
        
        gameLoop();
    </script>
</body>
</html>