"use strict"; const CockpitModel = (function(){ const CockpitModel = function(xgravity){ const self = this; let blink_timer = 0; let alert_state = false; const max_hull = xgravity.settings.get("base_mothership_hull_max", null, 100.0); let current_hull = max_hull; this.get_health_percentage = () => Math.max(0, current_hull / max_hull); this.get_hull = () => current_hull; this.get_max_hull = () => max_hull; this.take_damage = (amount) => { current_hull = Math.max(0, current_hull - amount); self.set_alert(true); return current_hull <= 0; // true si explota la cabina (Game Over) }; this.repair = (amount) => { current_hull = Math.min(max_hull, current_hull + amount); }; this.update = (delta_time) => { // Autoreparación progresiva regulada por dificultad const base_repair = xgravity.settings.get("base_mothership_repair_rate", null, 0.75); const preset = xgravity.settings.get_difficulty_preset(); const repair_mult = preset ? preset.mothership_repair_mult : 1.0; if(current_hull < max_hull && current_hull > 0){ current_hull = Math.min(max_hull, current_hull + (base_repair * repair_mult * delta_time)); } }; const get_cell_size = (width, height) => { const cells = xgravity.settings.get("cells", null, 40); return (width < height ? width : height) / cells; }; this.set_alert = (state) => { alert_state = Boolean(state); }; this.get_alert = () => { return alert_state; }; this.render = (ctx, width, height, delta_time) => { const cell_px = get_cell_size(width, height); const cx = width / 2; const cy = height / 2; const min_dim = Math.min(width, height); const max_dim = Math.max(width, height); blink_timer += delta_time; // Escotilla panorámica ampliada: desborda la dimensión menor // para que el espacio exterior sea el protagonista absoluto. const inner_radius = (min_dim / 2) * 1.18; const outer_radius = max_dim * 0.85; const frame_thickness = cell_px * 0.6; ctx.save(); // 1. Efecto sutil de cristal panorámico en el área de combate const glass_grad = ctx.createLinearGradient(cx - inner_radius, cy - inner_radius, cx + inner_radius, cy + inner_radius); glass_grad.addColorStop(0, "rgba(56, 189, 248, 0.04)"); glass_grad.addColorStop(0.5, "rgba(255, 255, 255, 0.01)"); glass_grad.addColorStop(1, "rgba(2, 132, 199, 0.03)"); ctx.fillStyle = glass_grad; ctx.beginPath(); ctx.arc(cx, cy, inner_radius, 0, Math.PI * 2); ctx.fill(); // 2. Anillo de la cúpula (Marco perimetral reforzado) ctx.lineWidth = frame_thickness; ctx.strokeStyle = "#0b1120"; ctx.beginPath(); ctx.arc(cx, cy, inner_radius + (frame_thickness / 2), 0, Math.PI * 2); ctx.stroke(); // Bisel fino interior iluminado ctx.lineWidth = cell_px * 0.06; ctx.strokeStyle = "rgba(56, 189, 248, 0.3)"; ctx.beginPath(); ctx.arc(cx, cy, inner_radius, 0, Math.PI * 2); ctx.stroke(); // 3. Montantes / Vigas radiales exteriores (8 vigas perimetrales) const SECTORS = 8; const beam_width = frame_thickness * 0.75; for(let i = 0; i < SECTORS; i++){ const angle = (i * Math.PI * 2) / SECTORS + (Math.PI / 8); const cos = Math.cos(angle); const sin = Math.sin(angle); const start_x = cx + cos * inner_radius; const start_y = cy + sin * inner_radius; const end_x = cx + cos * outer_radius; const end_y = cy + sin * outer_radius; // Viga estructural ctx.lineWidth = beam_width; ctx.strokeStyle = "#090d16"; ctx.beginPath(); ctx.moveTo(start_x, start_y); ctx.lineTo(end_x, end_y); ctx.stroke(); // Detalle central de viga ctx.lineWidth = beam_width * 0.2; ctx.strokeStyle = "#1e293b"; ctx.beginPath(); ctx.moveTo(start_x, start_y); ctx.lineTo(end_x, end_y); ctx.stroke(); // 4. Sensores / Remaches LED en la unión del anillo const light_dist = inner_radius + (frame_thickness * 0.5); const lx = cx + cos * light_dist; const ly = cy + sin * light_dist; const light_radius = cell_px * 0.12; const is_lit = alert_state ? (Math.sin(blink_timer * 14) > 0) : ((Math.sin(blink_timer * 2 + i) > 0.2)); const glow_color = alert_state ? "#ef4444" : (i % 2 === 0 ? "#10b981" : "#0284c7"); ctx.fillStyle = is_lit ? glow_color : "#1e293b"; ctx.beginPath(); ctx.arc(lx, ly, light_radius, 0, Math.PI * 2); ctx.fill(); if(is_lit){ ctx.shadowColor = glow_color; ctx.shadowBlur = cell_px * 0.4; ctx.fillStyle = glow_color; ctx.beginPath(); ctx.arc(lx, ly, light_radius * 0.6, 0, Math.PI * 2); ctx.fill(); ctx.shadowBlur = 0; } } // 5. Viñeteado de cabina muy sutil en los extremos de la pantalla const vig_grad = ctx.createRadialGradient(cx, cy, inner_radius * 0.95, cx, cy, outer_radius); vig_grad.addColorStop(0, "rgba(5, 7, 13, 0)"); vig_grad.addColorStop(0.6, "rgba(5, 7, 13, 0.25)"); vig_grad.addColorStop(1, "rgba(2, 4, 8, 0.7)"); ctx.fillStyle = vig_grad; ctx.fillRect(0, 0, width, height); ctx.restore(); }; }; return CockpitModel; })();