Haz un juego donde se deba hacer un ejército 2D para ganar peleas contra un ejército 3D para obtener puntos para desbloquear nuevas tropas y ganar el trofeo 2vs3D's game

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

No:34927

216

←

Prev Next

→

Haz un juego donde se deba hacer un ejército 2D pa..ALL
Developer User3408｜Date and time 24/1/12 17:47:41
Build time 22.636 sec｜Game capacity 4.283KB｜

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 Ejército 2D vs Ejército 3D</title>
<style>
    canvas {
        border: 1px solid black;
    }
</style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>

// Variables de juego
        var puntos = 0;
        var tropasDesbloqueadas = 0;

// Ejercito 2D (pictogramas)
        var ejercito2D = [
            "👮‍♂️", // Soldado
            "🧛‍♀️", // Vampiro
            "🧙‍♂️", // Mago
            "🧟" // Zombi
        ];

// Ejercito 3D (valores numéricos de ataque)
        var ejercito3D = [
            { tipo: "Tanque", ataque: 50 },
            { tipo: "Avión", ataque: 30 },
            { tipo: "Barco", ataque: 20 },
            { tipo: "Artillería", ataque: 10 }
        ];

// Función para dibujar el ejército 2D en el canvas
        function dibujarEjercito2D() {
            ctx.font = "30px Arial";
            var x = 50;
            var y = 50;
            for (var i = 0; i < ejercito2D.length; i++) {
                ctx.fillText(ejercito2D[i], x, y);
                x += 60;
            }
        }

// Función para dibujar el ejército 3D en el canvas
        function dibujarEjercito3D() {
            ctx.font = "30px Arial";
            var x = 50;
            var y = 150;
            for (var i = 0; i < ejercito3D.length; i++) {
                ctx.fillText(ejercito3D[i].tipo + " (" + ejercito3D[i].ataque + ")", x, y);
                x += 200;
            }
        }

// Función para realizar la pelea entre el ejército 2D y 3D
        function pelear(ejercito2DIndex, ejercito3DIndex) {
            var ataque3D = ejercito3D[ejercito3DIndex].ataque;
            var ataque2D = puntos + ejercito2DIndex;

if (ataque2D >= ataque3D) {
                puntos += ataque3D;
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                dibujarEjercito2D();
                dibujarEjercito3D();
                ctx.font = "30px Arial";
                ctx.fillText("Ganaste! Puntos: " + puntos, 50, 300);
            } else {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                dibujarEjercito2D();
                dibujarEjercito3D();
                ctx.font = "30px Arial";
                ctx.fillText("Perdiste! Puntos: " + puntos, 50, 300);
            }
        }

// Función para desbloquear nuevas tropas
        function desbloquearTropas() {
            tropasDesbloqueadas++;
            for (var i = 0; i < tropasDesbloqueadas; i++) {
                ejercito2D.push("👨‍✈️"); // Aviador
            }
        }

// Función para manejar los clics en el canvas
        canvas.addEventListener("click", function(event) {
            var x = event.clientX - canvas.getBoundingClientRect().left;
            var y = event.clientY - canvas.getBoundingClientRect().top;

// Verificar si se hizo clic en el ejército 2D
            if (y >= 50 && y <= 100) {
                var ejercito2DIndex = Math.floor((x - 50) / 60);
                if (ejercito2DIndex >= 0 && ejercito2DIndex < ejercito2D.length) {
                    // Verificar si hay tropas desbloqueadas
                    if (tropasDesbloqueadas > 0) {
                        var ejercito3DIndex = Math.floor(Math.random() * ejercito3D.length);
                        pelear(ejercito2DIndex, ejercito3DIndex);
                    } else {
                        ctx.clearRect(0, 0, canvas.width, canvas.height);
                        dibujarEjercito2D();
                        dibujarEjercito3D();
                        ctx.font = "30px Arial";
                        ctx.fillText("Desbloquea nuevas tropas", 50, 300);
                    }
                }
            }
        });

// Función principal del juego
        function main() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            dibujarEjercito2D();
            dibujarEjercito3D();
            desbloquearTropas();
        }

// iniciar el juego
        main();

</script>
</body>
</html>