// Renderizar grid function renderGrid() const gridContainer = document.getElementById("battle-grid"); gridContainer.innerHTML = ""; for (let i = 0; i < GRID_SIZE; i++) for (let j = 0; j < GRID_SIZE; j++) const cell = grid[i][j]; const cellDiv = document.createElement("div"); cellDiv.className = `cell $cell.terrain.name === "🌾" ? "plain" : (cell.terrain.name === "🌲" ? "forest" : "hill")`; if (selectedUnit && selectedUnit.x === i && selectedUnit.y === j) cellDiv.classList.add("selected"); let innerHtml = `<div class="unit $cell.side ">$cell.terrain.name</div>`; if (cell.unit) const sideClass = cell.side === "attacker" ? "attacker" : "defender"; innerHtml = `<div class="unit $sideClass">$cell.unit.icon</div> <div class="hp">❤️$cell.unit.hp/$cell.unit.maxHp</div>`; cellDiv.innerHTML = innerHtml; cellDiv.addEventListener("click", (function(x,y) return function() handleCellClick(x,y); ; )(i,j)); gridContainer.appendChild(cellDiv);
def attack(self, ax, ay, dx, dy): attacker = self.grid[ax][ay] defender = self.grid[dx][dy] if not attacker or not defender: return False, "No hay unidad" if attacker.side == defender.side: return False, "No puedes atacar aliados" if attacker.side != self.current_turn: return False, "No es tu turno" if not self.in_range(ax, ay, dx, dy, attacker.range): return False, "Fuera de rango" damage = self.calculate_damage(attacker, defender, self.terrain[ax][ay], self.terrain[dx][dy]) defender.hp -= damage msg = f"attacker.icon ataca a defender.icon y causa damage de daño!" if defender.hp <= 0: msg += f" defender.icon ha muerto!" self.grid[dx][dy] = None return True, msg
function randomTerrain() const r = Math.random(); if (r < 0.5) return TERRAIN.PLAIN; if (r < 0.75) return TERRAIN.FOREST; return TERRAIN.HILL; batalla por terra
def display(self): os.system('cls' if os.name == 'nt' else 'clear') print("\n" + "="*60) print("⚔️ BATALLA POR TIERRA ⚔️".center(60)) print(f"Turno: self.current_turn.upper()".center(60)) print("="*60) print(" " + " ".join(f"j:2" for j in range(self.size))) for i in range(self.size): row_display = f"i:2 " for j in range(self.size): unit = self.grid[i][j] terrain_char = "Plain":"🌾","Forest":"🌲","Hill":"⛰️"[self.terrain[i][j]["name"]] if unit: row_display += f"unit.iconunit.hp:2 " else: row_display += f" terrain_char " print(row_display) print("-"*60)
// Tipos de unidad const UNITS = INFANTRY: name: "⚔️", baseAtk: 8, baseDef: 5, range: 1, hp: 20, icon: "⚔️" , ARCHER: name: "🏹", baseAtk: 6, baseDef: 3, range: 3, hp: 15, icon: "🏹" , CAVALRY: name: "🐎", baseAtk: 10, baseDef: 4, range: 1, hp: 18, icon: "🐎" ; "ATACANTE 🔥" : "DEFENSOR 🛡️"`)
class Unit: def (self, unit_type, side): self.type = unit_type self.side = side if unit_type == "Infantry": self.atk, self.defense, self.range, self.max_hp = 8, 5, 1, 20 self.icon = "⚔️" elif unit_type == "Archer": self.atk, self.defense, self.range, self.max_hp = 6, 3, 3, 15 self.icon = "🏹" else: # Cavalry self.atk, self.defense, self.range, self.max_hp = 10, 4, 1, 18 self.icon = "🐎" self.hp = self.max_hp
def random_terrain(self): r = random.random() if r < 0.5: return Terrain.PLAIN elif r < 0.75: return Terrain.FOREST else: return Terrain.HILL selectedUnit = null
function updateUI() renderGrid(); const turnSpan = document.getElementById("turn"); turnSpan.innerHTML = `🎲 Turno: $currentTurn === "attacker" ? "ATACANTE 🔥" : "DEFENSOR 🛡️"`; document.getElementById("attacker-stats").innerText = countUnits("attacker"); document.getElementById("defender-stats").innerText = countUnits("defender");
Puedes copiar el código HTML en un archivo .html y abrirlo en cualquier navegador para jugar. El script de Python se ejecuta en terminal.
// Cambiar turno function endTurn() if (checkVictory()) addLog("⚜️ La batalla ha terminado. Reinicia para seguir jugando."); return; currentTurn = (currentTurn === "attacker") ? "defender" : "attacker"; selectedUnit = null; updateUI(); addLog(`🔄 Turno cambiado: $currentTurn === "attacker" ? "ATACANTE 🔥" : "DEFENSOR 🛡️"`);