¡NIVEL COMPLETADO!

✨ El Sendero se ilumina ✨

¡HAS COMPLETADO EL SENDERO DEL SOL!

🌞

🏔️ ⭐ 🏛️

Tras atravesar los tres templos sagrados de los Andes, has reunido todas las llaves de Inti.

El cielo se ilumina con constelaciones ancestrales y el conocimiento de tus antepasados vuelve a brillar.

✨ Machu Picchu brilla con luz eterna ✨

Los espíritus de tus antepasados incas te honran por tu valentía.

¡ERES UN VERDADERO EXPLORADOR INCA!

El Sendero del Sol

Navega a través del laberinto sagrado de los Andes.

Usa las flechas o los botones direccionales para moverte
Evita las paredes del laberinto
Encuentra el camino hacia el templo sagrado
Completa todos los niveles para ganar

if (!bounds) return; const playerLeft = player.x - player.width/2; const playerRight = player.x + player.width/2; const playerTop = player.y - player.height/2; const playerBottom = player.y + player.height/2; // Check if player overlaps with key if (playerRight > bounds.x && playerLeft < bounds.x + bounds.width && playerBottom > bounds.y && playerTop < bounds.y + bounds.height) { collectedKeys[obj.keyId] = true; playSound('correct_placement_sound'); score += 100; updateKeysDisplay(); } return; } // Check for wall/door collisions (block passage) if ((obj.type === 'stone_marker' || (obj.type === 'door' && !collectedKeys[obj.keyId]))) { const bounds = getObjectBounds(obj); if (!bounds) return; const playerLeft = player.x - player.width/2; const playerRight = player.x + player.width/2; const playerTop = player.y - player.height/2; const playerBottom = player.y + player.height/2; // Check if player overlaps with wall/door if (playerRight > bounds.x && playerLeft < bounds.x + bounds.width && playerBottom > bounds.y && playerTop < bounds.y + bounds.height) { // Calculate overlap on each side const overlapLeft = playerRight - bounds.x; const overlapRight = bounds.x + bounds.width - playerLeft; const overlapTop = playerBottom - bounds.y; const overlapBottom = bounds.y + bounds.height - playerTop; // Find minimum overlap to determine collision side const minOverlap = Math.min(overlapLeft, overlapRight, overlapTop, overlapBottom); // Resolve collision by pushing player out on the side with minimum overlap if (minOverlap === overlapLeft) { player.x = bounds.x - player.width/2 - 5; } else if (minOverlap === overlapRight) { player.x = bounds.x + bounds.width + player.width/2 + 5; } else if (minOverlap === overlapTop) { player.y = bounds.y - player.height/2 - 5; } else if (minOverlap === overlapBottom) { player.y = bounds.y + bounds.height + player.height/2 + 5; } } } }); } function updatePlayer(deltaTime) { // Directional movement (4 directions) let moveX = 0; let moveY = 0; if (keys['ArrowUp'] || keys['w']) { moveY = -MOVE_SPEED; player.direction = 1; } else if (keys['ArrowDown'] || keys['s']) { moveY = MOVE_SPEED; player.direction = 1; } if (keys['ArrowLeft'] || keys['a']) { moveX = -MOVE_SPEED; player.direction = -1; } else if (keys['ArrowRight'] || keys['d']) { moveX = MOVE_SPEED; player.direction = 1; } // Store old position for collision rollback const oldX = player.x; const oldY = player.y; // Update position player.x += moveX * deltaTime; player.y += moveY * deltaTime; // Check collision with maze walls checkCollisionWithObjects(); // Boundary collision if (player.x - player.width/2 < 0) player.x = player.width/2; if (player.x + player.width/2 > CANVAS_WIDTH) player.x = CANVAS_WIDTH - player.width/2; if (player.y - player.height/2 < 0) player.y = player.height/2; if (player.y + player.height/2 > CANVAS_HEIGHT) player.y = CANVAS_HEIGHT - player.height/2; // Check level completion (reach temple/goal with required keys) const level = window.gameConfig.levels[window.gameConfig.currentLevel]; // Count required keys for this level const requiredKeyIds = new Set(); currentLevelObjects.forEach(obj => { if ((obj.type === 'door' || obj.type === 'key') && obj.keyId) { requiredKeyIds.add(obj.keyId); } }); // Count collected keys that are required let keysCollected = 0; requiredKeyIds.forEach(keyId => { if (collectedKeys[keyId]) { keysCollected++; } }); const keysRequired = level.keysRequired || requiredKeyIds.size; currentLevelObjects.forEach(obj => { if (obj.type === 'temple_structure') { const dx = player.x - obj.x; const dy = player.y - obj.y; const distance = Math.sqrt(dx * dx + dy * dy); if (distance < 80 && !levelComplete) { if (keysCollected >= keysRequired) { // All keys collected - complete level playLevelCompleteSequence(); } else { // Not enough keys - show message playSound('object_place_sound'); lib.log(`Necesitas ${keysRequired - keysCollected} llave(s) más para activar el Altar`); } } } }); } function showScenarioEditor() { const level = window.gameConfig.levels[window.gameConfig.currentLevel]; const panel = document.getElementById('editPanel'); const backdrop = document.getElementById('editPanelBackdrop'); panel.innerHTML = `

Editar Escenario

Nombre del Nivel: Descripción: Llaves Requeridas: ${level.keysRequired || 1} `; panel.classList.add('show'); backdrop.classList.add('show'); document.getElementById('editLevelName').addEventListener('input', (e) => { level.name = e.target.value; updateLevelConfig(); }); document.getElementById('editLevelDesc').addEventListener('input', (e) => { level.description = e.target.value; updateLevelConfig(); }); document.getElementById('editKeysRequired').addEventListener('input', (e) => { level.keysRequired = parseInt(e.target.value); document.getElementById('keysValue').textContent = level.keysRequired; updateLevelConfig(); }); document.getElementById('closeScenarioBtn').addEventListener('click', hideEditPanel); backdrop.addEventListener('click', hideEditPanel); } function setupEditLevelSelectMenu() { // Remove existing menu if present const existingMenu = document.getElementById('editLevelSelectButtons'); if (existingMenu) existingMenu.remove(); const menuContainer = document.createElement('div'); menuContainer.id = 'editLevelSelectButtons'; menuContainer.style.cssText = ` position: fixed; top: 120px; left: 50%; transform: translateX(-50%); display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; z-index: 150; width: 90%; max-width: 320px; background: rgba(26, 26, 62, 0.9); border: 3px solid #ffd700; border-radius: 16px; padding: 16px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 20px rgba(255, 215, 0, 0.6); `; // Title const title = document.createElement('div'); title.style.cssText = ` grid-column: 1 / -1; color: #ffd700; font-family: 'Cinzel', serif; font-size: 18px; font-weight: 700; text-align: center; margin-bottom: 8px; text-shadow: 0 0 10px rgba(255, 215, 0, 0.5); `; title.textContent = '📍 Selecciona Nivel'; menuContainer.appendChild(title); // Only show Level 2 and Level 3 (indices 1 and 2) for (let i = 1; i < 3; i++) { const button = document.createElement('button'); const isActive = window.gameConfig.currentLevel === i; button.textContent = `Nivel ${i + 1}`; button.className = 'ui-button'; button.style.cssText = ` width: 100%; height: 70px; background: ${isActive ? 'rgba(255, 215, 0, 0.3)' : 'rgba(205, 127, 50, 0.7)'}; border: 3px solid ${isActive ? '#00ff00' : '#ffd700'}; border-radius: 12px; color: #ffd700; font-size: 16px; font-weight: 700; font-family: 'Cinzel', serif; cursor: pointer; transition: all 300ms cubic-bezier(0.0, 0, 0.2, 1); box-shadow: ${isActive ? '0 0 20px rgba(0, 255, 0, 0.6)' : '0 2px 8px rgba(0, 0, 0, 0.3)'}; `; button.addEventListener('mouseenter', () => { if (!isActive) { button.style.transform = 'scale(1.05)'; button.style.boxShadow = '0 4px 16px rgba(0, 0, 0, 0.4), 0 0 20px rgba(255, 215, 0, 0.8)'; } }); button.addEventListener('mouseleave', () => { if (!isActive) { button.style.transform = 'scale(1)'; button.style.boxShadow = '0 2px 8px rgba(0, 0, 0, 0.3)'; } }); button.addEventListener('click', () => { window.gameConfig.currentLevel = i; loadLevel(i); lib.log(`📍 Editando Nivel ${i + 1}: ${window.gameConfig.levels[i].name}`); setupEditLevelSelectMenu(); // Refresh menu to show active state }); menuContainer.appendChild(button); } // Add scenario editor button const scenarioBtn = document.createElement('button'); scenarioBtn.textContent = '⚙️ Editar Escenario'; scenarioBtn.style.cssText = ` grid-column: 1 / -1; width: 100%; height: 60px; background: rgba(0, 255, 255, 0.2); border: 2px solid #00ffff; border-radius: 12px; color: #00ffff; font-size: 14px; font-weight: 700; font-family: 'Cinzel', serif; cursor: pointer; transition: all 300ms cubic-bezier(0.0, 0, 0.2, 1); margin-top: 8px; `; scenarioBtn.addEventListener('mouseenter', () => { scenarioBtn.style.transform = 'scale(1.05)'; scenarioBtn.style.boxShadow = '0 4px 16px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 255, 255, 0.8)'; }); scenarioBtn.addEventListener('mouseleave', () => { scenarioBtn.style.transform = 'scale(1)'; scenarioBtn.style.boxShadow = 'none'; }); scenarioBtn.addEventListener('click', () => { showScenarioEditor(); }); menuContainer.appendChild(scenarioBtn); document.body.appendChild(menuContainer); } function toggleEditorMode() { editorMode = !editorMode; const toggle = document.getElementById('editorModeToggle'); const banner = document.getElementById('editorBanner'); const panel = document.getElementById('objectCreationPanel'); const controlsPanel = document.getElementById('editorControlsPanel'); if (editorMode) { toggle.classList.add('active'); toggle.textContent = '✓ Editor ON'; banner.textContent = `🌞 MODO CREADOR — Espíritu del Sol Activo`; banner.classList.add('show'); panel.classList.add('show'); setupObjectCreationPanel(); setupEditorControls(); playerLocked = true; undoStack = []; // Reset undo stack playSound('object_place_sound'); // Load Level 2 by default when entering editor mode in play mode if (currentMode === 'play') { window.gameConfig.currentLevel = 1; loadLevel(1); lib.log(`📍 Editando Nivel 2: ${window.gameConfig.levels[1].name}`); lib.log('Presiona 2 o 3 para cambiar entre Nivel 2 y Nivel 3'); } lib.log('🌞 MODO CREADOR ACTIVADO'); lib.log('🖱️ Arrastra para mover la cámara | Rueda para zoom'); lib.log('⬆️⬇️⬅️➡️ Mueve objetos seleccionados | MAYÚS+flecha para ajuste fino'); lib.log('🗑️ Presiona Delete para eliminar | Ctrl+Z para deshacer | Ctrl+S para guardar'); lib.log('Presiona E para salir del editor'); } else { toggle.classList.remove('active'); toggle.textContent = '🛠️ Editor'; banner.classList.remove('show'); panel.classList.remove('show'); controlsPanel.innerHTML = ''; // Remove level selection menu when exiting editor const existingMenu = document.getElementById('editLevelSelectButtons'); if (existingMenu) existingMenu.remove(); playerLocked = false; playSound('object_place_sound'); lib.log('✓ Modo creador desactivado.'); } } function setupMainMenuButtons() { // Create menu buttons dynamically const menuContainer = document.createElement('div'); menuContainer.id = 'mainMenuButtons'; menuContainer.style.cssText = ` position: fixed; bottom: 100px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; gap: 16px; z-index: 150; width: 90%; max-width: 400px; `; const buttons = [ { id: 'playBtn', text: 'Jugar', action: () => { document.getElementById('mainMenuButtons').remove(); currentScene = 'level'; window.gameConfig.currentLevel = 0; loadLevel(0); document.getElementById('actionBar').style.display = 'grid'; }}, { id: 'continueBtn', text: 'Continuar', action: () => { document.getElementById('mainMenuButtons').remove(); currentScene = 'level'; loadLevel(window.gameConfig.currentLevel); document.getElementById('actionBar').style.display = 'grid'; }}, { id: 'levelsBtn', text: 'Niveles', action: () => { document.getElementById('mainMenuButtons').remove(); setupLevelSelectButtons(); currentScene = 'levelSelect'; }}, { id: 'quitBtn', text: 'Salir', action: () => { window.location.href = '/'; }} ]; buttons.forEach(btn => { const button = document.createElement('button'); button.id = btn.id; button.textContent = btn.text; button.className = 'ui-button'; button.style.cssText = ` width: 100%; height: 80px; background: rgba(205, 127, 50, 0.9); border: 3px solid #ffd700; border-radius: 16px; color: #ffd700; font-size: 24px; font-weight: 700; font-family: 'Cinzel', serif; cursor: pointer; transition: all 300ms cubic-bezier(0.0, 0, 0.2, 1); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 20px rgba(255, 215, 0, 0.6); text-transform: uppercase; letter-spacing: 1px; `; button.addEventListener('mouseenter', () => { button.style.transform = 'scale(1.05)'; button.style.boxShadow = '0 8px 32px rgba(0, 0, 0, 0.5), 0 0 30px rgba(255, 215, 0, 0.8)'; }); button.addEventListener('mouseleave', () => { button.style.transform = 'scale(1)'; button.style.boxShadow = '0 4px 16px rgba(0, 0, 0, 0.4), 0 0 20px rgba(255, 215, 0, 0.6)'; }); button.addEventListener('click', btn.action); menuContainer.appendChild(button); }); document.body.appendChild(menuContainer); } function setupLevelSelectButtons() { const menuContainer = document.createElement('div'); menuContainer.id = 'levelSelectButtons'; menuContainer.style.cssText = ` position: fixed; top: 200px; left: 50%; transform: translateX(-50%); display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; z-index: 150; width: 90%; max-width: 400px; `; for (let i = 0; i < 3; i++) { const button = document.createElement('button'); button.textContent = `Nivel ${i + 1}`; button.className = 'ui-button'; button.style.cssText = ` width: 100%; height: 80px; background: rgba(205, 127, 50, 0.9); border: 3px solid #ffd700; border-radius: 12px; color: #ffd700; font-size: 18px; font-weight: 700; font-family: 'Cinzel', serif; cursor: pointer; transition: all 300ms cubic-bezier(0.0, 0, 0.2, 1); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 20px rgba(255, 215, 0, 0.6); `; button.addEventListener('click', () => { document.getElementById('levelSelectButtons').remove(); document.getElementById('backBtn').remove(); currentScene = 'level'; window.gameConfig.currentLevel = i; loadLevel(i); document.getElementById('actionBar').style.display = 'grid'; }); menuContainer.appendChild(button); } const backBtn = document.createElement('button'); backBtn.id = 'backBtn'; backBtn.textContent = 'Atrás'; backBtn.style.cssText = ` position: fixed; bottom: 100px; left: 50%; transform: translateX(-50%); width: 90%; max-width: 400px; height: 80px; background: rgba(205, 127, 50, 0.9); border: 3px solid #ffd700; border-radius: 16px; color: #ffd700; font-size: 24px; font-weight: 700; font-family: 'Cinzel', serif; cursor: pointer; transition: all 300ms cubic-bezier(0.0, 0, 0.2, 1); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 20px rgba(255, 215, 0, 0.6); z-index: 150; `; backBtn.addEventListener('click', () => { document.getElementById('levelSelectButtons').remove(); document.getElementById('backBtn').remove(); currentScene = 'menu'; setupMainMenuButtons(); document.getElementById('actionBar').style.display = 'none'; }); document.body.appendChild(menuContainer); document.body.appendChild(backBtn); } function setupInputHandlers() { const upBtn = document.getElementById('upButton'); const downBtn = document.getElementById('downButton'); const leftBtn = document.getElementById('leftButton'); const rightBtn = document.getElementById('rightButton'); const continueBtn = document.getElementById('continueButton'); const editorToggle = document.getElementById('editorModeToggle'); // Editor mode toggle button editorToggle.addEventListener('click', () => { toggleEditorMode(); }); // Touch button handlers upBtn.addEventListener('mousedown', () => { keys['ArrowUp'] = true; }); upBtn.addEventListener('mouseup', () => { keys['ArrowUp'] = false; }); upBtn.addEventListener('touchstart', (e) => { e.preventDefault(); keys['ArrowUp'] = true; }); upBtn.addEventListener('touchend', (e) => { e.preventDefault(); keys['ArrowUp'] = false; }); downBtn.addEventListener('mousedown', () => { keys['ArrowDown'] = true; }); downBtn.addEventListener('mouseup', () => { keys['ArrowDown'] = false; }); downBtn.addEventListener('touchstart', (e) => { e.preventDefault(); keys['ArrowDown'] = true; }); downBtn.addEventListener('touchend', (e) => { e.preventDefault(); keys['ArrowDown'] = false; }); leftBtn.addEventListener('mousedown', () => { keys['ArrowLeft'] = true; }); leftBtn.addEventListener('mouseup', () => { keys['ArrowLeft'] = false; }); leftBtn.addEventListener('touchstart', (e) => { e.preventDefault(); keys['ArrowLeft'] = true; }); leftBtn.addEventListener('touchend', (e) => { e.preventDefault(); keys['ArrowLeft'] = false; }); rightBtn.addEventListener('mousedown', () => { keys['ArrowRight'] = true; }); rightBtn.addEventListener('mouseup', () => { keys['ArrowRight'] = false; }); rightBtn.addEventListener('touchstart', (e) => { e.preventDefault(); keys['ArrowRight'] = true; }); rightBtn.addEventListener('touchend', (e) => { e.preventDefault(); keys['ArrowRight'] = false; }); continueBtn.addEventListener('click', () => { if (levelComplete) { window.gameConfig.currentLevel++; if (window.gameConfig.currentLevel >= window.gameConfig.levels.length) { showFinalVictoryScreen(); } else { loadLevel(window.gameConfig.currentLevel); continueBtn.classList.remove('show'); } } }); document.addEventListener('keydown', (e) => { keys[e.key] = true; // Debug mode toggle with 'F' key if (e.key === 'f' || e.key === 'F') { toggleDebugMode(); } // Editor mode toggle with 'E' key (in play mode) if ((e.key === 'e' || e.key === 'E') && currentMode === 'play' && currentScene === 'level') { toggleEditorMode(); e.preventDefault(); } // Editor mode: level selection with number keys (2, 3) // and object movement with arrow keys if (editorMode) { if (e.key === '2') { window.gameConfig.currentLevel = 1; loadLevel(1); lib.log('📍 Editando Nivel 2: Alineación del Sol y la Luna'); } else if (e.key === '3') { window.gameConfig.currentLevel = 2; loadLevel(2); lib.log('📍 Editando Nivel 3: Desafío de las Sombras'); } // Move selected object with arrow keys if (selectedObject) { // Stone markers are locked and cannot be moved easily if (selectedObject.type === 'stone_marker') { lib.log('🪨 Las rocas están fijas. No se pueden mover fácilmente.'); return; } const moveAmount = e.shiftKey ? 1 : 10; // Fine adjustment with SHIFT if (e.key === 'ArrowUp' || e.key === 'w' || e.key === 'W') { saveEditorState(); selectedObject.y -= moveAmount; updateLevelConfig(); e.preventDefault(); } else if (e.key === 'ArrowDown' || e.key === 's' || e.key === 'S') { saveEditorState(); selectedObject.y += moveAmount; updateLevelConfig(); e.preventDefault(); } else if (e.key === 'ArrowLeft' || e.key === 'a' || e.key === 'A') { saveEditorState(); selectedObject.x -= moveAmount; updateLevelConfig(); e.preventDefault(); } else if (e.key === 'ArrowRight' || e.key === 'd' || e.key === 'D') { saveEditorState(); selectedObject.x += moveAmount; updateLevelConfig(); e.preventDefault(); } } } // Edit mode: level selection with number keys (2, 3) if (currentMode === 'edit') { if (e.key === '2') { window.gameConfig.currentLevel = 1; loadLevel(1); lib.log('📍 Editando Nivel 2: Alineación del Sol y la Luna'); setupEditLevelSelectMenu(); // Refresh menu } else if (e.key === '3') { window.gameConfig.currentLevel = 2; loadLevel(2); lib.log('📍 Editando Nivel 3: Desafío de las Sombras'); setupEditLevelSelectMenu(); // Refresh menu } } // Editor mode shortcuts (both edit and play modes with editor active) if (editorMode) { // Ctrl+Z: Undo if (e.ctrlKey && (e.key === 'z' || e.key === 'Z')) { undoLastAction(); e.preventDefault(); } // Ctrl+S: Save if (e.ctrlKey && (e.key === 's' || e.key === 'S')) { saveEditorChanges(); e.preventDefault(); } // Delete: Remove selected object if (e.key === 'Delete' && selectedObject) { saveEditorState(); const index = currentLevelObjects.indexOf(selectedObject); if (index > -1) { currentLevelObjects.splice(index, 1); selectedObject = null; updateLevelConfig(); lib.log('🗑️ Objeto eliminado'); } e.preventDefault(); } } }); document.addEventListener('keyup', (e) => { keys[e.key] = false; }); canvas.addEventListener('mousedown', handlePointerDown); canvas.addEventListener('touchstart', handlePointerDown); canvas.addEventListener('mousemove', handleMouseMove); canvas.addEventListener('mouseup', handleMouseUp); canvas.addEventListener('wheel', handleMouseWheel, { passive: false }); } function handleMouseMove(e) { if (!editorMode) return; const pos = getPointerPosition(e); if (isDraggingCamera) { const deltaX = pos.x - lastMouseX; const deltaY = pos.y - lastMouseY; cameraX -= deltaX; cameraY -= deltaY; } lastMouseX = pos.x; lastMouseY = pos.y; } function handleMouseUp(e) { isDraggingCamera = false; } function handleMouseWheel(e) { if (!editorMode) return; e.preventDefault(); const zoomSpeed = 0.1; const direction = e.deltaY > 0 ? -1 : 1; const newZoom = zoomLevel + (direction * zoomSpeed); // Clamp zoom between 0.5 and 2.0 zoomLevel = Math.max(0.5, Math.min(2.0, newZoom)); lib.log(`🔍 Zoom: ${(zoomLevel * 100).toFixed(0)}%`); } function getPointerPosition(e) { const rect = canvas.getBoundingClientRect(); const scaleX = CANVAS_WIDTH / rect.width; const scaleY = CANVAS_HEIGHT / rect.height; let clientX, clientY; if (e.touches && e.touches.length > 0) { clientX = e.touches[0].clientX; clientY = e.touches[0].clientY; } else { clientX = e.clientX; clientY = e.clientY; } return { x: (clientX - rect.left) * scaleX, y: (clientY - rect.top) * scaleY }; } function handlePointerDown(e) { e.preventDefault(); const pos = getPointerPosition(e); if (editorMode && e.button === 2) { // Right-click: start camera drag isDraggingCamera = true; lastMouseX = pos.x; lastMouseY = pos.y; return; } if (currentMode === 'edit' || editorMode) { for (let i = currentLevelObjects.length - 1; i >= 0; i--) { const obj = currentLevelObjects[i]; const distance = Math.sqrt((pos.x - obj.x) ** 2 + (pos.y - obj.y) ** 2); if (distance < 60) { selectedObject = obj; showEditPanel(obj); return; } } selectedObject = null; hideEditPanel(); } } function gameLoop(timestamp) { if (!gameRunning) return; const deltaTime = Math.min((timestamp - lastTime) / 1000, MAX_DELTA); lastTime = timestamp; ctx.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT); if (currentScene === 'menu') { drawMainMenu(); } else if (currentScene === 'levelSelect') { drawLevelSelectMenu(); } else if (currentScene === 'level') { drawBackground(); drawLevelObjects(); if (currentMode === 'play') { updatePlayer(deltaTime); } updateParticles(deltaTime); drawPlayer(); drawParticles(); drawDebugColliders(); document.getElementById('scoreText').textContent = `Puntuación: ${score}`; } else if (currentScene === 'win') { // Win screen is handled by showWinScreen() const gradient = ctx.createLinearGradient(0, 0, 0, CANVAS_HEIGHT); gradient.addColorStop(0, '#1a1a3e'); gradient.addColorStop(0.5, '#4a2c5e'); gradient.addColorStop(1, '#d4734f'); ctx.fillStyle = gradient; ctx.fillRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT); } else if (currentScene === 'finalVictory') { // Final victory screen is handled by showFinalVictoryScreen() const gradient = ctx.createLinearGradient(0, 0, 0, CANVAS_HEIGHT); gradient.addColorStop(0, '#1a1a3e'); gradient.addColorStop(0.5, '#4a2c5e'); gradient.addColorStop(1, '#d4734f'); ctx.fillStyle = gradient; ctx.fillRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT); } requestAnimationFrame(gameLoop); } function showScenarioEditor() { const level = window.gameConfig.levels[window.gameConfig.currentLevel]; const panel = document.getElementById('editPanel'); const backdrop = document.getElementById('editPanelBackdrop'); panel.innerHTML = `

El Sendero del Sol - Free Online Game on Astrocade