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:34928

315

←

Prev Next

→

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

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

// Definir tamaño y posición de los ejércitos
            const army2DWidth = 50;
            const army2DHeight = 50;
            const army3DWidth = 100;
            const army3DHeight = 100;

const army2D = {
                x: canvas.width / 2 - army2DWidth / 2,
                y: canvas.height - army2DHeight - 10,
                width: army2DWidth,
                height: army2DHeight,
                color: "#FF0000",
                troops: 0,
                unlocked: false
            };

const army3D = {
                x: canvas.width / 2 - army3DWidth / 2,
                y: 10,
                width: army3DWidth,
                height: army3DHeight,
                color: "#0000FF",
                troops: 0
            };

// Puntuación y desbloqueo de tropas
            let score = 0;
            const pointsPerFight = 10;
            const troopsToUnlock = 100;

// Evento de clic para aumentar el ejército 2D
            canvas.addEventListener("click", function (event) {
                if (army2D.unlocked) {
                    army2D.troops++;
                }
            });

// Función para dibujar el lienzo de juego
            function drawGame() {
                // Limpiar el lienzo antes de dibujar
                ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar el ejército 2D
                ctx.fillStyle = army2D.color;
                ctx.fillRect(army2D.x, army2D.y, army2D.width, army2D.height);

// Dibujar el ejército 3D
                ctx.fillStyle = army3D.color;
                ctx.fillRect(army3D.x, army3D.y, army3D.width, army3D.height);

// Dibujar la puntuación y el desbloqueo de tropas
                ctx.fillStyle = "#000000";
                ctx.font = "20px Arial";
                ctx.fillText("Puntuación: " + score, 10, 30);
                ctx.fillText("Tropas para desbloquear: " + troopsToUnlock, 10, 60);
                ctx.fillText("Tropas disponibles: " + army2D.troops, 10, 90);

// Comprobar si hay suficientes tropas para desbloquear
                if (!army2D.unlocked && army2D.troops >= troopsToUnlock) {
                    army2D.unlocked = true;
                    ctx.fillText("¡Tropas desbloqueadas!", 10, 120);
                }

// Realizar una lucha entre los ejércitos
                if (army2D.troops > 0) {
                    if (army3D.troops > 0) {
                        score += pointsPerFight;
                        army2D.troops--;
                        army3D.troops--;
                    }
                }
                
                // Verificar si el ejército 2D ha ganado
                if (score >= 2 * pointsPerFight) {
                    ctx.fillText("¡Has ganado el trofeo 2D vs 3D!", canvas.width / 2 - 100, 150);
                } else {
                    requestAnimationFrame(drawGame);
                }
            }

// Iniciar el juego
            drawGame();
        }

// Iniciar el juego cuando el documento esté cargado
        document.addEventListener("DOMContentLoaded", initialize);
    </script>
</body>
</html>