Un juego que se trata lo mismo que el dinosaurio de Google solo que somos un cubito y los pinchos son los cactus's game

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

No:40479

←

Prev Next

→

Un juego que se trata lo mismo que el dinosaurio d..ALL
Developer User18058｜Date and time 24/2/3 2:41:15
Build time 11.552 sec｜Game capacity 2.42KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Juego del Cubito</title>
<style>
    canvas {
        border: 1px solid black;
        display: block;
        margin: 0 auto;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>

// Inicialización del juego
    function startGame() {
        canvas = document.getElementById("gameCanvas");
        ctx = canvas.getContext("2d");

cubito = new Component(30, 30, "red", 10, 120);
        cactus = new Component(50, 30, "green", canvas.width, 120);

gameInterval = setInterval(updateGame, 20);
    }

// Constructor de componentes
    function Component(width, height, color, x, y) {
        this.width = width;
        this.height = height;
        this.color = color;
        this.x = x;
        this.y = y;

this.update = function() {
            ctx.fillStyle = this.color;
            ctx.fillRect(this.x, this.y, this.width, this.height);
        }

this.crashWith = function(otherComponent) {
            var left = this.x;
            var right = this.x + this.width;
            var top = this.y;
            var bottom = this.y + this.height;
            var otherLeft = otherComponent.x;
            var otherRight = otherComponent.x + otherComponent.width;
            var otherTop = otherComponent.y;
            var otherBottom = otherComponent.y + otherComponent.height;
            var crash = true;

if (
                bottom < otherTop ||
                top > otherBottom ||
                right < otherLeft ||
                left > otherRight
            ) {
                crash = false;
            }

return crash;
        }
    }

// Actualización del juego
    function updateGame() {
        if (cubito.crashWith(cactus)) {
            clearInterval(gameInterval);
            alert("¡Has perdido!");
        } else {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            cactus.x -= 2;
            cactus.update();
            cubito.update();
        }
    }

// Eventos del jugador
    function jump() {
        cubito.y -= 60;
    }

// Inicio del juego al cargar la página
    window.onload = function() {
        startGame();
    };
</script>
<button onclick="jump()">Saltar</button>
</body>
</html>