Quiero un juego de mundo abierto con temática de superhéroes en el que se puedan elegir varios superpoderes de una lista y usarlos libremente en el juego. Además quiero que haya varios niveles con villanos que enfrentar, entre los cuales estarían un científico loco, un monstruo súper fuerte de otro planeta y un conquistador de mundos espacial con manos láser (la IA es libre de crear a los demás villanos de los demás niveles, pero basándose en villanos y amenazas de cómics de Marvel y DC).'s game

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

No:15951

←

Prev Next

→

Quiero un juego de mundo abierto con temática de s..ALL
Developer User7014｜Date and time 23/9/14 4:45:30
Build time 56.562 sec｜Game capacity 5.394KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Juego de Superhéroes</title>
<style>
    body {
        margin: 0;
        padding: 0;
    }
    canvas {
        display: block;
    }
</style>
</head>
<body>
<script>
    // Variables globales
    var canvas, ctx;
    var playerX, playerY, playerSize;
    var playerSpeed, playerColor;
    var powersList, selectedPower;
    var enemiesList;
    var gameOver;

// Clase Superhéroe
    class Superhero {
        constructor(x, y, size, speed, color) {
            this.x = x;
            this.y = y;
            this.size = size;
            this.speed = speed;
            this.color = color;
        }

draw() {
            ctx.fillStyle = this.color;
            ctx.fillRect(this.x, this.y, this.size, this.size);
        }

move(directionX, directionY) {
            this.x += this.speed * directionX;
            this.y += this.speed * directionY;
        }

usePower() {
            // Implementar efecto del superpoder seleccionado
        }
    }

// Clase Villano
    class Villain {
        constructor(x, y, size, speed, color) {
            this.x = x;
            this.y = y;
            this.size = size;
            this.speed = speed;
            this.color = color;
        }

draw() {
            ctx.fillStyle = this.color;
            ctx.fillRect(this.x, this.y, this.size, this.size);
        }

move() {
            // Implementar movimiento del villano
        }
    }

// Función para inicializar el juego
    function init() {
        // Obtener el canvas y su contexto
        canvas = document.createElement("canvas");
        ctx = canvas.getContext("2d");
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        document.body.appendChild(canvas);

// Configuraciones iniciales del juego
        playerSize = 50;
        playerSpeed = 5;
        playerColor = "blue";
        playerX = canvas.width / 2 - playerSize / 2;
        playerY = canvas.height / 2 - playerSize / 2;
        selectedPower = null;
        gameOver = false;

// Crear lista de superpoderes disponibles
        powersList = [
            { name: "Volar", icon: "🦸‍♂️" },
            { name: "Superfuerza", icon: "💪" },
            { name: "Teletransporte", icon: "🌀" },
            { name: "Invisibilidad", icon: "👻" },
            { name: "Telequinesis", icon: "🔮" }
        ];

// Crear lista de villanos
        enemiesList = [
            { name: "Científico Loco", icon: "🔬" },
            { name: "Monstruo de otro planeta", icon: "👾" },
            { name: "Conquistador espacial", icon: "🚀" }
        ];

// Asignar evento de teclado para controlar al superhéroe
        document.addEventListener("keydown", handleKeyDown);

// Iniciar el bucle de juego
        gameLoop();
    }

// Función para dibujar los elementos del juego
    function draw() {
        // Limpiar el canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar al superhéroe
        var superhero = new Superhero(playerX, playerY, playerSize, playerSpeed, playerColor);
        superhero.draw();

// Dibujar los poderes disponibles
        ctx.font = "20px Arial";
        ctx.fillStyle = "black";
        for (var i = 0; i < powersList.length; i++) {
            ctx.fillText(powersList[i].icon, 20, 50 + i * 30);
            ctx.fillText(powersList[i].name, 50, 50 + i * 30 + 20);
        }
    }

// Función para actualizar la lógica del juego
    function update() {
        // Actualizar movimiento del superhéroe
        if (selectedPower != null) {
            var directionX = 0;
            var directionY = 0;

if (selectedPower == "Volar") {
                directionY = -1;
            } else if (selectedPower == "Superfuerza") {
                directionY = 1;
            } else if (selectedPower == "Teletransporte") {
                directionX = Math.random() < 0.5 ? -1 : 1;
                directionY = Math.random() < 0.5 ? -1 : 1;
            } else if (selectedPower == "Invisibilidad") {
                // Implementar efecto del superpoder de invisibilidad
            } else if (selectedPower == "Telequinesis") {
                // Implementar efecto del superpoder de telequinesis
            }

var superhero = new Superhero(playerX, playerY, playerSize, playerSpeed, playerColor);
            superhero.move(directionX, directionY);
        }

// Actualizar movimiento de los villanos
        for (var i = 0; i < enemiesList.length; i++) {
            var villain = new Villain(100, 100, 50, 2, "red");
            villain.move();
        }
    }

// Función para el bucle de juego
    function gameLoop() {
        draw();
        update();

if (!gameOver) {
            requestAnimationFrame(gameLoop);
        }
    }

// Función para manejar los eventos de teclado
    function handleKeyDown(event) {
        var keyPressed = event.keyCode;

if (keyPressed >= 49 && keyPressed <= 57) {
            var powerIndex = keyPressed - 49;

if (powerIndex < powersList.length) {
                selectedPower = powersList[powerIndex].name;
            }
        }
    }

// Iniciar el juego al cargar la página
    window.onload = init;
</script>
</body>
</html>