AI game creator

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

No:51072

←

Prev Next

→

El juego perfecto
Developer User21444｜Date and time 24/3/10 13:09:33
Build time 8.309 sec｜Game capacity 2.625KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Juego Perfecto</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Variables para el juego
        let score = 0;
        let birdX = 50;
        let birdY = 200;
        let birdSpeedY = 0;
        let gravity = 0.5;
        let pipe = {
            x: canvas.width,
            y: Math.floor(Math.random() * (canvas.height - 100)),
            width: 50,
            height: 100,
            speed: 2
        };
        
        // Función principal del juego
        function gameLoop() {
            // Limpiar canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            // Dibujar jugador (pájaro)
            ctx.fillStyle = 'yellow';
            ctx.fillRect(birdX, birdY, 30, 30);
            
            // Dibujar tubería
            pipe.x -= pipe.speed;
            if(pipe.x + pipe.width <= 0) {
                pipe.x = canvas.width;
                pipe.y = Math.floor(Math.random() * (canvas.height - 100));
            }
            ctx.fillStyle = 'green';
            ctx.fillRect(pipe.x, pipe.y, pipe.width, pipe.height);
            
            // Colisiones
            if(birdX + 30 >= pipe.x && birdX <= pipe.x + pipe.width && (birdY <= pipe.y || birdY + 30 >= pipe.y + pipe.height)) {
                if(confirm("Game Over! ¿Quieres jugar de nuevo?")) {
                    window.location.reload();
                }
            }
            
            // Actualizar posición del jugador
            birdY += birdSpeedY;
            birdSpeedY += gravity;
            
            // Verificar si jugador está en límites del canvas
            if(birdY <= 0 || birdY >= canvas.height - 30) {
                if(confirm("Game Over! ¿Quieres jugar de nuevo?")) {
                    window.location.reload();
                }
            }
            
            // Puntuación
            score++;
            ctx.fillStyle = 'black';
            ctx.font = '20px Arial';
            ctx.fillText("Score: " + score, 10, 30);
            
            // Llamar a la función gameLoop en cada frame
            requestAnimationFrame(gameLoop);
        }

// Controles del juego
        canvas.addEventListener('click', () => {
            birdSpeedY = -10;
        });

// Iniciar el juego
        gameLoop();
    </script>
</body>
</html>