Un juego donde un oso robot se enfrenta a alienigenas con sus garras robot y hay jefes un alien gigante un oso negro robot y una nave espacial's game

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

No:21756

←

Prev Next

→

Un juego donde un oso robot se enfrenta a alienige..ALL
Developer User10051｜Date and time 23/10/18 3:21:06
Build time 165.576 sec｜Game capacity 9.078KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Oso Robot vs Alienígenas</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <script>
        // Variables de juego
        let canvas;
        let canvasContext;
        let bearRobot;
        let aliens = [];
        let bossEnemies = [];
        let gameInterval;

// Objeto Oso Robot
        function BearRobot() {
            this.x = 50;
            this.y = canvas.height / 2;
            this.width = 50;
            this.height = 50;
            this.speedX = 0;
            this.speedY = 0;
            this.isShooting = false;
            this.lasers = [];

// Método para actualizar la posición del Oso Robot
            this.update = function() {
                this.x += this.speedX;
                this.y += this.speedY;

// Verificar límites de la pantalla
                if (this.x < 0) {
                    this.x = 0;
                }
                if (this.x + this.width > canvas.width) {
                    this.x = canvas.width - this.width;
                }
                if (this.y < 0) {
                    this.y = 0;
                }
                if (this.y + this.height > canvas.height) {
                    this.y = canvas.height - this.height;
                }

// Dibujar el Oso Robot
                canvasContext.fillStyle = "blue";
                canvasContext.fillRect(this.x, this.y, this.width, this.height);

// Dibujar los disparos
                for (let i = 0; i < this.lasers.length; i++) {
                    this.lasers[i].update();
                }
            }

// Método para activar el disparo del Oso Robot
            this.shoot = function() {
                this.isShooting = true;
                this.lasers.push(new Laser(this.x + this.width, this.y + this.height / 2));
            }
        }

// Objeto Láser
        function Laser(x, y) {
            this.x = x;
            this.y = y;
            this.width = 10;
            this.height = 2;
            this.speedX = 5;

// Método para actualizar la posición del láser
            this.update = function() {
                this.x += this.speedX;

// Dibujar el láser
                canvasContext.fillStyle = "red";
                canvasContext.fillRect(this.x, this.y, this.width, this.height);
            }
        }

// Objeto Alien
        function Alien(x, y) {
            this.x = x;
            this.y = y;
            this.width = 50;
            this.height = 50;
            this.speedX = -2;

// Método para actualizar la posición del Alien
            this.update = function() {
                this.x += this.speedX;

// Dibujar el Alien
                canvasContext.fillStyle = "green";
                canvasContext.fillRect(this.x, this.y, this.width, this.height);
            }
        }

// Objeto Jefe Alienígena
        function BossEnemy(x, y, color) {
            this.x = x;
            this.y = y;
            this.width = 100;
            this.height = 100;
            this.speedX = -1;

// Método para actualizar la posición del Jefe Alienígena
            this.update = function() {
                this.x += this.speedX;

// Dibujar el Jefe Alienígena
                canvasContext.fillStyle = color;
                canvasContext.fillRect(this.x, this.y, this.width, this.height);
            }
        }

// Método para inicializar el juego
        function startGame() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");
            bearRobot = new BearRobot();
            aliens = [new Alien(canvas.width, canvas.height / 2)];
            bossEnemies = [
                new BossEnemy(canvas.width + 100, canvas.height / 2 - 50, "purple"),
                new BossEnemy(canvas.width + 200, canvas.height / 2 - 50, "black"),
                new BossEnemy(canvas.width + 300, canvas.height / 2 - 50, "gray")
            ];
            gameInterval = setInterval(updateGameArea, 20);
        }

// Método para actualizar el estado del juego
        function updateGameArea() {
            clearCanvas();
            bearRobot.update();

// Verificar colisiones con aliens
            for (let i = 0; i < aliens.length; i++) {
                if (checkCollision(bearRobot, aliens[i])) {
                    gameOver();
                    return;
                }
                aliens[i].update();
            }

// Verificar colisiones con jefes alienígenas
            for (let i = 0; i < bossEnemies.length; i++) {
                if (checkCollision(bearRobot, bossEnemies[i])) {
                    gameOver();
                    return;
                }
                bossEnemies[i].update();
            }

// Verificar colisiones entre láser y jefes alienígenas
            for (let i = 0; i < bearRobot.lasers.length; i++) {
                for (let j = 0; j < bossEnemies.length; j++) {
                    if (checkCollision(bearRobot.lasers[i], bossEnemies[j])) {
                        bossEnemies.splice(j, 1);
                        bearRobot.lasers.splice(i, 1);
                        break;
                    }
                }
            }

// Verificar colisiones entre láser y aliens
            for (let i = 0; i < bearRobot.lasers.length; i++) {
                for (let j = 0; j < aliens.length; j++) {
                    if (checkCollision(bearRobot.lasers[i], aliens[j])) {
                        aliens.splice(j, 1);
                        bearRobot.lasers.splice(i, 1);
                        break;
                    }
                }
            }
        }

// Método para verificar colisiones entre objetos
        function checkCollision(obj1, obj2) {
            if (obj1.x < obj2.x + obj2.width &&
                obj1.x + obj1.width > obj2.x &&
                obj1.y < obj2.y + obj2.height &&
                obj1.y + obj1.height > obj2.y) {
                return true;
            }
            return false;
        }

// Método para limpiar el canvas
        function clearCanvas() {
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);
        }

// Método para manejar el control táctil en dispositivos móviles
        function handleTouchControls(event) {
            event.preventDefault();
            
            if (event.touches.length > 0) {
                let touch = event.touches[0];
                bearRobot.speedX = (touch.clientX < bearRobot.x) ? -3 : (touch.clientX > bearRobot.x + bearRobot.width) ? 3 : 0;
                bearRobot.speedY = (touch.clientY < bearRobot.y) ? -3 : (touch.clientY > bearRobot.y + bearRobot.height) ? 3 : 0;
            }
        }

// Método para manejar el control táctil al disparar en dispositivos móviles
        function handleShootTouch(event) {
            event.preventDefault();
            bearRobot.shoot();
        }

// Método para manejar la pulsación de teclado en ordenadores
        function handleKeyboardControls(event) {
            event.preventDefault();

if (event.keyCode === 37) {
                bearRobot.speedX = -3;
            } else if (event.keyCode === 39) {
                bearRobot.speedX = 3;
            } else if (event.keyCode === 38) {
                bearRobot.speedY = -3;
            } else if (event.keyCode === 40) {
                bearRobot.speedY = 3;
            } else if (event.keyCode === 32) {
                bearRobot.shoot();
            }
        }

// Método para detener el movimiento cuando se suelta una tecla en ordenadores
        function handleKeyboardRelease(event) {
            event.preventDefault();

if (event.keyCode === 37 || event.keyCode === 39) {
                bearRobot.speedX = 0;
            } else if (event.keyCode === 38 || event.keyCode === 40) {
                bearRobot.speedY = 0;
            }
        }

// Método para finalizar el juego
        function gameOver() {
            clearInterval(gameInterval);
            alert("¡Game Over! Has perdido contra los alienígenas.");
            // Aquí puedes agregar alguna función para reiniciar el juego.
        }

// Crear el evento para dispositivos táctiles
        document.addEventListener("touchstart", handleTouchControls);
        document.addEventListener("touchmove", handleTouchControls);
        document.addEventListener("touchend", handleTouchControls);
        document.addEventListener("touchstart", handleShootTouch);

// Crear los eventos para teclado en ordenadores
        document.addEventListener("keydown", handleKeyboardControls);
        document.addEventListener("keyup", handleKeyboardRelease);

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