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

No:27235

Una copia del pou llamada frou que tenes que cuida..ALL
Developer User13547｜Date and time 23/12/5 12:05:28
Build time 63.567 sec｜Game capacity 4.524KB｜

Script

os 1) flappy frou: El objetivo de este juego es ayudar al Frou a volar a través de los tubos sin chocar. Puedes usar las teclas de dirección para controlar al Frou y esquivar los obstáculos.

Frou

Para jugar a este minijuego, simplemente ábrelo en un navegador web y puedes controlar al Frou utilizando la barra espaciadora para saltar y esquivar los tubos verdes. Nota: Este es solo el primer minijuego. Debes implementar los otros minijuegos en el archivo HTML siguiendo un enfoque similar al del juego Flappy Frou.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

os 1) flappy frou: El objetivo de este juego es ayudar al Frou a volar a través de los tubos sin chocar. Puedes usar las teclas de dirección para controlar al Frou y esquivar los obstáculos.

```html
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>El juego de Frou</title>
    <style>
    canvas {
        border: 1px solid black;
    }
    </style>
</head>
<body>
    <h1>Frou</h1>
    <canvas id="canvas" width="480" height="320"></canvas>

// Clase Frou
    function Frou() {
        this.x = 50;
        this.y = canvas.height / 2;
        this.velocityY = 0;
        this.gravity = 0.5;
        this.lift = -15;

this.show = function() {
            context.fillStyle = "red";
            context.fillRect(this.x, this.y, 30, 30);
        };

this.update = function() {
            this.velocityY += this.gravity;
            this.velocityY *= 0.9;
            this.y += this.velocityY;

if (this.y > canvas.height - 30) {
                this.y = canvas.height - 30;
                this.velocityY = 0;
            }
            
            if (this.y < 0) {
                this.y = 0;
                this.velocityY = 0;
            }
        };

this.jump = function() {
            this.velocityY += this.lift;
        };
    }

// Clase Pipe
    function Pipe() {
        this.x = canvas.width;
        this.y = Math.floor(Math.random() * (canvas.height - 150)) + 75;
        this.width = 80;
        this.height = canvas.height - this.y;

this.show = function() {
            context.fillStyle = "green";
            context.fillRect(this.x, 0, this.width, this.y);
            context.fillRect(this.x, this.y + 150, this.width, this.height);
        };

this.update = function() {
            this.x -= 2;
        };

this.hits = function(frou) {
            if (frou.y < this.y || frou.y > this.y + 150) {
                if (frou.x + 30 > this.x && frou.x < this.x + this.width) {
                    return true;
                }
            }
            return false;
        };
    }

// Configuración inicial del juego
    function setup() {
        canvas = document.getElementById("canvas");
        context = canvas.getContext("2d");

frou = new Frou();
        pipes.push(new Pipe());

score = 0;

pipeInterval = setInterval(function() {
            pipes.push(new Pipe());
        }, 2000);

setInterval(update, 20);
    }

// Función de actualización del juego
    function update() {
        context.clearRect(0, 0, canvas.width, canvas.height);

for (var i = pipes.length - 1; i >= 0; i--) {
            pipes[i].show();
            pipes[i].update();

if (pipes[i].hits(frou)) {
                gameover();
                return;
            }

if (pipes[i].x + pipes[i].width < 0) {
                pipes.splice(i, 1);
            }
        }

frou.show();
        frou.update();

context.font = "20px Arial";
        context.fillText("Puntuación: " + score, 10, 30);
        score++;
    }

// Función de reinicio del juego
    function gameover() {
        clearInterval(pipeInterval);
        context.clearRect(0, 0, canvas.width, canvas.height);

context.font = "40px Arial";
        context.fillText("GAME OVER", canvas.width / 2 - 120, canvas.height / 2 - 20);

context.font = "20px Arial";
        context.fillText("Puntuación final: " + score, canvas.width / 2 - 100, canvas.height / 2 + 20);

setTimeout(function() {
            pipes = [];
            frou = new Frou();
            score = 0;
            pipeInterval = setInterval(function() {
                pipes.push(new Pipe());
            }, 2000);
        }, 3000);
    }

// Evento de salto del Frou
    document.addEventListener("keydown", function(event) {
        if (event.keyCode === 32) {
            frou.jump();
        }
    });

// Iniciar el juego
    window.onload = setup();
    </script>
</body>
</html>
```

Para jugar a este minijuego, simplemente ábrelo en un navegador web y puedes controlar al Frou utilizando la barra espaciadora para saltar y esquivar los tubos verdes.

Nota: Este es solo el primer minijuego. Debes implementar los otros minijuegos en el archivo HTML siguiendo un enfoque similar al del juego Flappy Frou.