AURORA

THE ICE WITCH

Aurora, the Ice Witch, must recover her 4 stolen magical artifacts by battling through enchanted realms. Face waves of enemies and powerful bosses to restore her magical powers and bring balance to the mystical world.

PC
CONTROLS

MOVEMENT

SPECIAL

MOBILE
CONTROLS

MOVEMENT

SPECIAL

ctx.fillRect(healthBarX, healthBarY, healthBarWidth, healthBarHeight); // Health bar fill (green to red gradient based on health) const healthPercent = enemy.health / enemy.maxHealth; const fillWidth = healthBarWidth * healthPercent; if (healthPercent > 0.6) { ctx.fillStyle = '#44FF44'; // Green } else if (healthPercent > 0.3) { ctx.fillStyle = '#FFFF44'; // Yellow } else { ctx.fillStyle = '#FF8844'; // Orange } ctx.fillRect(healthBarX, healthBarY, fillWidth, healthBarHeight); // Health bar border ctx.strokeStyle = 'rgba(255, 255, 255, 0.8)'; ctx.lineWidth = 1; ctx.strokeRect(healthBarX, healthBarY, healthBarWidth, healthBarHeight); } }); } function drawProjectiles() { // Draw Aurora's projectiles projectiles.forEach(projectile => { const projImg = assetCache['aurora_snowflake_shot'] || assetCache['aurora_sparkle_shot'] || assetCache['magical_sparkle_projectile']; if (projImg && projImg.complete) { ctx.save(); ctx.globalAlpha = 0.9; // Big shots are larger than normal shots let size = PROJECTILE_SIZE * 1.25; // Normal size if (projectile.isBigShot) { size = PROJECTILE_SIZE * 2.5; // Double size for big shots ctx.globalAlpha = 1.0; // More opaque for big shots // Add glow effect for big shots ctx.shadowColor = '#00BFFF'; ctx.shadowBlur = 15; } // Add snowflake rotation animation ctx.translate(projectile.x + size/2, projectile.y + size/2); ctx.rotate(projectile.snowflakeRotation || 0); ctx.translate(-size/2, -size/2); // Update snowflake rotation if (!projectile.snowflakeRotation) projectile.snowflakeRotation = 0; projectile.snowflakeRotation += 0.15; // Slower rotation for snowflakes drawImage(projImg, 0, 0, size, size); ctx.restore(); } }); // Draw enemy projectiles (vampire blood rays) enemyProjectiles.forEach(projectile => { if (projectile.type === 'vampire_ray') { const rayImg = assetCache['vampire_blood_ray_large']; if (rayImg && rayImg.complete) { ctx.save(); ctx.globalAlpha = 0.8; drawImage(rayImg, projectile.x, projectile.y, 80, 30); // Bigger ray ctx.restore(); } }); } function drawStars() { stars.forEach(star => { const starImg = assetCache['collectible_star']; if (starImg && starImg.complete) { // Ensure clean canvas state for each star ctx.save(); ctx.setTransform(1, 0, 0, 1, 0, 0); // Reset any transformations // Draw star at its fixed position ctx.translate(star.x + STAR_SIZE/2, star.y + STAR_SIZE/2); ctx.rotate(star.rotation); // Add pulsing glow effect const pulse = 1 + Math.sin(Date.now() * 0.005) * 0.2; ctx.scale(pulse, pulse); drawImage(starImg, -STAR_SIZE/2, -STAR_SIZE/2, STAR_SIZE, STAR_SIZE); ctx.restore(); } }); } // Old upgrade drawing removed - now using star currency shop system function drawExplosions() { explosions.forEach(explosion => { // Use special ice blast image for special attack explosions const explImg = explosion.isSpecialBlast ? assetCache['special_ice_blast'] : assetCache['explosion_effect']; if (explImg && explImg.complete) { ctx.save(); ctx.globalAlpha = explosion.alpha; const size = explosion.size * explosion.scale; const x = explosion.x - size/2; const y = explosion.y - size/2; // Add glow effect for special blast if (explosion.isSpecialBlast) { ctx.shadowColor = '#00BFFF'; ctx.shadowBlur = 20; // Add rotation for more dynamic effect ctx.translate(explosion.x, explosion.y); ctx.rotate(explosion.elapsed * 2); // Rotate over time ctx.translate(-explosion.x, -explosion.y); } drawImage(explImg, x, y, size, size); ctx.restore(); } else if (explosion.isSpecialBlast) { // Fallback visual for special blast if asset not loaded ctx.save(); ctx.globalAlpha = explosion.alpha; ctx.strokeStyle = '#00BFFF'; ctx.fillStyle = 'rgba(0, 191, 255, 0.3)'; ctx.lineWidth = 4; const radius = (explosion.size * explosion.scale) / 2; ctx.beginPath(); ctx.arc(explosion.x, explosion.y, radius, 0, Math.PI * 2); ctx.fill(); ctx.stroke(); // Add sparkle effects for (let i = 0; i < 12; i++) { const angle = (i * Math.PI * 2 / 12) + explosion.elapsed * 3; const sparkleX = explosion.x + Math.cos(angle) * radius * 0.8; const sparkleY = explosion.y + Math.sin(angle) * radius * 0.8; ctx.fillStyle = '#FFFFFF'; ctx.beginPath(); ctx.arc(sparkleX, sparkleY, 3, 0, Math.PI * 2); ctx.fill(); } ctx.restore(); } }); } function drawDamageNumbers() { damageNumbers.forEach(damageNumber => { ctx.save(); ctx.globalAlpha = damageNumber.alpha; // Set font and style const fontSize = 24 * damageNumber.scale; ctx.font = `bold ${fontSize}px Poppins`; ctx.textAlign = 'center'; ctx.textBaseline = 'middle'; // Add text stroke for better visibility ctx.strokeStyle = '#000000'; ctx.lineWidth = 3; ctx.strokeText(damageNumber.damage.toString(), damageNumber.x, damageNumber.y); // Fill text with bright color ctx.fillStyle = '#FFD700'; // Gold color for damage numbers ctx.fillText(damageNumber.damage.toString(), damageNumber.x, damageNumber.y); ctx.restore(); }); } // Old enemy spawning system removed - now using phase-based wave system function spawnVampireProjectile(vampire) { const bloodRay = { x: vampire.x, y: vampire.y + ENEMY_SIZE/2, vx: -300, // Shoot toward Aurora (left) vy: 0, damage: 15, type: 'vampire_ray' }; enemyProjectiles.push(bloodRay); } function updateEnemies(deltaTime) { enemies.forEach(enemy => { enemy.x -= enemy.speed * deltaTime; enemy.animFrame += deltaTime * 3; // Animation speed // Vampire shooting logic - shoots more frequently as game progresses if (enemy.type === 'vampire') { enemy.lastShot += deltaTime; const totalUpgrades = window.gameConfig.shop.upgrades.damage.level + window.gameConfig.shop.upgrades.health.level + window.gameConfig.shop.upgrades.shield.level; let difficultyMultiplier; if (totalUpgrades === 0) { // No upgrades yet - vampires shoot slowly difficultyMultiplier = 1 + Math.min(distance / 6000, 0.3); } else { // Player has upgraded - normal vampire shooting rate difficultyMultiplier = 1 + (distance / 2000) * window.gameConfig.difficulty.difficultyScale; } const shootInterval = Math.max(1.2, 2.5 / Math.min(difficultyMultiplier, 2.5)); // Slower shooting, minimum 1.2s if (enemy.lastShot > shootInterval) { spawnVampireProjectile(enemy); enemy.lastShot = 0; } } // Evil Eye shooting behavior (formerly Vampire Mermaid) if (enemy.type === 'vampire_mermaids') { enemy.lastShot += deltaTime; if (enemy.lastShot > 3.0) { // Shoot every 3 seconds (reduced rate) spawnVampireMermaidProjectile(enemy); enemy.lastShot = 0; } } // Serpent Spawn shooting behavior - shoots water bubble from back every 4 seconds if (enemy.type === 'serpent_spawns') { enemy.lastShot += deltaTime; if (enemy.lastShot > 4.0) { // Shoot every 4 seconds spawnSerpentSpawnProjectile(enemy); enemy.lastShot = 0; } } }); // Remove off-screen enemies enemies = enemies.filter(enemy => enemy.x > -ENEMY_SIZE); } function shootProjectile(targetX, targetY, isBigShot = false) { // Increment shot counter shotCounter++; // Check if this should be a big shot (every 5th shot) const shouldBeBigShot = (shotCounter % 5 === 0); // Aurora shoots from the tip of her broom (right side) const projectile = { x: aurora.x + AURORA_SIZE - 10, // Shoot from very tip of broom y: aurora.y + AURORA_SIZE/2 - 10, // Slightly adjust vertical position for broom tip vx: 480, // Slightly faster projectile speed vy: 0, // No vertical movement damage: parseInt(window.gameConfig.powers.baseDamage) || 5, isBigShot: shouldBeBigShot }; // Big shots do more damage if (shouldBeBigShot) { projectile.damage = 20; // Set to exactly 20 damage for big shots } projectiles.push(projectile); playSound('magical_shoot_sound'); } function updateProjectiles(deltaTime) { // Update Aurora's projectiles projectiles.forEach(projectile => { projectile.x += projectile.vx * deltaTime; projectile.y += projectile.vy * deltaTime; }); // Update enemy projectiles enemyProjectiles.forEach(projectile => { projectile.x += projectile.vx * deltaTime; projectile.y += projectile.vy * deltaTime; }); // Remove off-screen projectiles const maxSize = PROJECTILE_SIZE * 2.5; // Account for bigger projectiles (including big shots) projectiles = projectiles.filter(projectile => projectile.x > -maxSize && projectile.x < CANVAS_WIDTH + maxSize && projectile.y > -maxSize && projectile.y < CANVAS_HEIGHT + maxSize ); enemyProjectiles = enemyProjectiles.filter(projectile => projectile.x > -100 && projectile.x < CANVAS_WIDTH + 100 && projectile.y > -50 && projectile.y < CANVAS_HEIGHT + 50 ); } function triggerLightPendant() { // Light Pendant mechanic removed } function updateExplosions(deltaTime) { explosions.forEach(explosion => { explosion.elapsed += deltaTime; const progress = explosion.elapsed / explosion.duration; // Better scaling animation - starts small, grows to max, then shrinks if (progress < 0.3) { // Growing phase explosion.scale = (progress / 0.3) * explosion.maxScale; } else if (progress < 0.7) { // Hold at max size explosion.scale = explosion.maxScale; } else { // Shrinking phase const shrinkProgress = (progress - 0.7) / 0.3; explosion.scale = explosion.maxScale * (1 - shrinkProgress); } // Fade out over time explosion.alpha = Math.max(0, 1 - progress); }); explosions = explosions.filter(explosion => explosion.elapsed < explosion.duration); } function updateDamageNumbers(deltaTime) { damageNumbers.forEach(damageNumber => { damageNumber.elapsed += deltaTime; const progress = damageNumber.elapsed / damageNumber.duration; // Move upward damageNumber.y += damageNumber.velocity * deltaTime; // Scale animation - start big, then shrink if (progress < 0.2) { damageNumber.scale = 1 + (progress / 0.2) * 0.5; // Grow to 1.5x } else { damageNumber.scale = 1.5 - ((progress - 0.2) / 0.8) * 0.5; // Shrink back to 1x } // Fade out over time damageNumber.alpha = Math.max(0, 1 - progress); }); // Remove expired damage numbers damageNumbers = damageNumbers.filter(damageNumber => damageNumber.elapsed < damageNumber.duration); } function checkCollisions() { // Projectile vs Enemy/Boss collisions projectiles.forEach((projectile, pIndex) => { [...enemies, ...bosses].forEach((entity, eIndex) => { const isEnemy = eIndex < enemies.length; const entityArray = isEnemy ? enemies : bosses; const entityIndex = isEnemy ? eIndex : eIndex - enemies.length; // Calculate entity size - account for big ghosts let entitySize = isEnemy ? ENEMY_SIZE : BOSS_SIZE; if (isEnemy && (entity.isBig || entity.type === 'big_ghosts')) { entitySize = ENEMY_SIZE * 1.3; } const projSize = projectile.isBigShot ? PROJECTILE_SIZE * 2.5 : PROJECTILE_SIZE * 1.25; const dist = distance2D(projectile.x, projectile.y, entity.x + entitySize/2, entity.y + entitySize/2); if (dist < entitySize/2 + projSize/2) { // Skip damage if boss is invulnerable (Lord of Lanterns or Infernal Overlord) if (!isEnemy && entity.isInvulnerable) { projectiles.splice(pIndex, 1); return; // Don't process damage for invulnerable bosses } let damage = projectile.damage; // Check for critical hit const critChanceUpgrade = window.gameConfig.shop.upgrades.critChance; let critChance = 0; if (critChanceUpgrade) { const parsedUpgrade = typeof critChanceUpgrade === 'string' ? JSON.parse(critChanceUpgrade) : critChanceUpgrade; critChance = parsedUpgrade.level * parsedUpgrade.effect; } const isCriticalHit = Math.random() < critChance; if (isCriticalHit) { damage *= 2; // Double damage on critical hit } // Add shake effect when hit entity.shakeTimer = 0.2; // Shake for 0.2 seconds entity.shakeIntensity = isCriticalHit ? 8 : 5; // Stronger shake for critical hits // Check if boss has shield/armor if (!isEnemy && entity.shieldActive && entity.shieldHealth > 0) { entity.shieldHealth -= damage; if (entity.shieldHealth <= 0) { entity.shieldActive = false; entity.shieldHealth = 0; } } else { entity.health -= damage; } projectiles.splice(pIndex, 1); damageNumbers.push({ x: entity.x + entitySize/2, y: entity.y, damage: damage, alpha: 1, scale: isCriticalHit ? 1.5 : 1, velocity: -60, duration: 1.5, elapsed: 0, isCritical: isCriticalHit }); if (entity.health <= 0) { let scoreGain = isEnemy ? 10 : 100; if (isEnemy) { if (entity.type === 'pumpkin') scoreGain = 20; else if (entity.type === 'burning_pumpkins') scoreGain = 25; // Burning pumpkins worth more than regular pumpkins else if (entity.type === 'bat') scoreGain = 15; else if (entity.type === 'vampire') scoreGain = 25; else if (entity.type === 'big_ghosts') scoreGain = 15; // Big ghosts worth more than regular ghosts else if (entity.type === 'flaming_ghosts') scoreGain = 20; // Flaming ghosts worth more than regular ghosts else if (entity.type === 'flaming_spectres') scoreGain = 20; // Flaming spectres worth more than regular ghosts else if (entity.type === 'lantern') scoreGain = 30; else if (entity.type === 'burning_lanterns') scoreGain = 35; // Burning lanterns worth more else if (entity.type === 'invulnerability_lantern') scoreGain = 40; // Invulnerability lanterns worth more else if (entity.type === 'orange_phantoms') scoreGain = 40; // Orange phantoms worth more else if (entity.type === 'sprite') scoreGain = 35; else if (entity.type === 'raven') scoreGain = 40; else if (entity.type === 'serpent_spawns') scoreGain = 50; // Serpent spawns worth more else if (entity.type === 'vampire_mermaids') scoreGain = 60; // Vampire mermaids worth most else if (entity.type === 'burning_spirits') scoreGain = 65; // Burning spirits worth more else if (entity.type === 'fire_elementals') scoreGain = 70; // Fire elementals worth more than burning spirits else if (entity.type === 'imp') scoreGain = 55; else if (entity.type === 'drake') scoreGain = 60; } else { scoreGain = 500; // Boss kill bonus } score += scoreGain; playSound('enemy_hit_sound'); // Drop stars if (Math.random() < 0.4) { stars.push({ x: entity.x, y: entity.y, rotation: 0, rotationSpeed: 5 }); } if (isEnemy) { enemies.splice(entityIndex, 1); enemiesKilledCount++; // Increment kill counter // Check if this was an invulnerability lantern AFTER removing it if (entity.type === 'invulnerability_lantern') { setTimeout(() => checkInvulnerabilityLanterns(), 100); } // Decrement wave enemy counter when enemy is killed during active wave if (isWaveActive && !isObstacleWave) { waveEnemiesRemaining--; lib.log(`Enemy killed: ${entity.type}. Wave enemies remaining: ${waveEnemiesRemaining}`); // Check wave completion after a short delay setTimeout(() => checkWaveCompletion(), 100); } } else { // Boss defeated // Special boss death effects and artifact collection if (entity.type === 'dread_maiden') { // Kill all ghosts (including big ghosts) when Dread Maiden dies const ghostsToRemove = []; enemies.forEach((enemy, index) => { if (enemy.type === 'ghost' || enemy.type === 'big_ghosts') { ghostsToRemove.push(index); // Award score for killed ghosts let ghostScore = enemy.type === 'big_ghosts' ? 15 : 10; score += ghostScore; // Calculate enemy size for explosion effect let enemySize = ENEMY_SIZE; if (enemy.isBig || enemy.type === 'big_ghosts') { enemySize = ENEMY_SIZE * 1.3; } // Add explosion effect at ghost location explosions.push({ x: enemy.x + enemySize/2, y: enemy.y + enemySize/2, size: 60, scale: 0.1, maxScale: 1.0, alpha: 1, duration: 0.4, elapsed: 0, isSpecialBlast: false }); } }); // Remove all ghosts (in reverse order to maintain indices) for (let i = ghostsToRemove.length - 1; i >= 0; i--) { enemies.splice(ghostsToRemove[i], 1); enemiesKilledCount++; // Increment kill counter if (isWaveActive) waveEnemiesRemaining--; } // Check if wave is complete after removing ghosts setTimeout(() => checkWaveCompletion(), 50); } // Add artifact to inventory based on boss type let artifactId = null; if (entity.type === 'dread_maiden') { artifactId = 'ice_spellbook'; } else if (entity.type === 'lord_of_lanterns') { artifactId = 'crystal_wand'; } else if (entity.type === 'eye_of_the_deep') { artifactId = 'frozen_crown'; } else if (entity.type === 'infernal_overlord') { artifactId = 'orb_eternal_winter'; } // Add artifact to inventory if not already collected if (artifactId && !collectedArtifacts.includes(artifactId)) { collectedArtifacts.push(artifactId); lib.log(`BOSS DEFEAT: ${artifactId} added to inventory from ${entity.type} defeat`); // Update game config to persist the artifact if (!window.gameConfig.inventory) { window.gameConfig.inventory = {}; } window.gameConfig.inventory.collectedArtifacts = [...collectedArtifacts]; // Update inventory immediately and force refresh updateInventoryPanel(); lib.log(`BOSS DEFEAT: Inventory updated with ${artifactId}. Total artifacts: ${collectedArtifacts.length}`); } completePhase(); } } } }); }); // Enemy projectile vs Aurora collisions enemyProjectiles.forEach((projectile, pIndex) => { let collisionRadius = 30; // Default collision radius // Adjust collision radius based on projectile type if (projectile.type === 'fire_devil_shot') { collisionRadius = (projectile.size || 40) / 2; // Use fireball size for collision } else if (projectile.type === 'vampire_ray') { collisionRadius = 40; // Blood ray collision radius } else if (projectile.type === 'elemental_fireball') { collisionRadius = (projectile.size || 50) / 2; // Fire elemental fireball collision radius } const dist = distance2D(projectile.x + (projectile.size || 0)/2, projectile.y + (projectile.size || 0)/2, aurora.x + AURORA_SIZE/2, aurora.y + AURORA_SIZE/2); if (dist < AURORA_SIZE/2 + collisionRadius) { let damage = projectile.damage; // Check for shield block const shieldLevel = window.gameConfig.shop.upgrades.shield.level; const shieldChance = shieldLevel * window.gameConfig.shop.upgrades.shield.effect; if (Math.random() < shieldChance) { // Shield blocked the attack aurora.shieldActive = true; aurora.shieldCooldown = 0.5; // Show shield effect for 0.5 seconds damage = 0; } aurora.health -= damage; enemyProjectiles.splice(pIndex, 1); if (aurora.health <= 0) { gameOver = true; gameRunning = false; showGameOver(); } } }); // Aurora vs Enemy/Boss collisions [...enemies, ...bosses].forEach((entity, eIndex) => { const isEnemy = eIndex < enemies.length; // Skip collision damage entirely if boss is invulnerable (Lord of Lanterns mechanic) if (!isEnemy && entity.type === 'lord_of_lanterns' && entity.isInvulnerable) { return; // Don't process any collision when Lord of Lanterns is invulnerable } // Calculate entity size - account for big ghosts let entitySize = isEnemy ? ENEMY_SIZE : BOSS_SIZE; if (isEnemy && (entity.isBig || entity.type === 'big_ghosts')) { entitySize = ENEMY_SIZE * 1.3; } // Include hover movement in Aurora's collision detection const hoverMovement = aurora.hoverOffset ? Math.sin(aurora.hoverOffset) * 8 : 0; const dist = distance2D(aurora.x + AURORA_SIZE/2, aurora.y + AURORA_SIZE/2 + hoverMovement, entity.x + entitySize/2, entity.y + entitySize/2); if (dist < AURORA_SIZE/2 + entitySize/2) { let damage = isEnemy ? 20 : 40; // Eye of the Deep deals extra damage during charge if (!isEnemy && entity.type === 'eye_of_the_deep' && entity.isCharging && entity.chargeCountdown <= 0) { damage = 80; // Double damage during charge attack } const shieldLevel = window.gameConfig.shop.upgrades.shield.level; const shieldChance = shieldLevel * window.gameConfig.shop.upgrades.shield.effect; if (Math.random() < shieldChance) { aurora.shieldActive = true; aurora.shieldCooldown = 0.5; damage = 0; } // Apply damage reduction if not blocked by shield if (damage > 0) { const damageReductionUpgrade = window.gameConfig.shop.upgrades.damageReduction; if (damageReductionUpgrade) { const parsedUpgrade = typeof damageReductionUpgrade === 'string' ? JSON.parse(damageReductionUpgrade) : damageReductionUpgrade; const damageReduction = parsedUpgrade.level * parsedUpgrade.effect; damage = Math.ceil(damage * (1 - damageReduction)); } } aurora.health -= damage; if (isEnemy) { enemies.splice(eIndex < enemies.length ? eIndex : eIndex - enemies.length, 1); enemiesKilledCount++; // Increment kill counter // Only decrement wave counter during active waves (not boss fights) if (isWaveActive && !isObstacleWave) { waveEnemiesRemaining--; lib.log(`Enemy collision killed: Wave enemies remaining: ${waveEnemiesRemaining}`); setTimeout(() => checkWaveCompletion(), 100); } } if (aurora.health <= 0) { gameOver = true; gameRunning = false; showGameOver(); } } }); // Aurora vs Star collisions stars.forEach((star, sIndex) => { // Include hover movement in Aurora's collision detection const hoverMovement = aurora.hoverOffset ? Math.sin(aurora.hoverOffset) * 8 : 0; const dist = distance2D(aurora.x + AURORA_SIZE/2, aurora.y + AURORA_SIZE/2 + hoverMovement, star.x + STAR_SIZE/2, star.y + STAR_SIZE/2); if (dist < AURORA_SIZE/2 + STAR_SIZE/2) { window.gameConfig.shop.starCurrency += 1; score += 5; playSound('star_collect_sound'); stars.splice(sIndex, 1); } }); // Aurora vs Huge Fireball collisions (obstacle wave) hugeFireballs.forEach((fireball, fIndex) => { // Include hover movement in Aurora's collision detection const hoverMovement = aurora.hoverOffset ? Math.sin(aurora.hoverOffset) * 8 : 0; const dist = distance2D(aurora.x + AURORA_SIZE/2, aurora.y + AURORA_SIZE/2 + hoverMovement, fireball.x + fireball.size/2, fireball.y + fireball.size/2); if (dist < AURORA_SIZE/2 + fireball.size/2) { let damage = fireball.damage; // Check for shield block const shieldLevel = window.gameConfig.shop.upgrades.shield.level; const shieldChance = shieldLevel * window.gameConfig.shop.upgrades.shield.effect; if (Math.random() < shieldChance) { aurora.shieldActive = true; aurora.shieldCooldown = 0.5; damage = 0; } // Apply damage reduction if not blocked by shield if (damage > 0) { const damageReductionUpgrade = window.gameConfig.shop.upgrades.damageReduction; if (damageReductionUpgrade) { const parsedUpgrade = typeof damageReductionUpgrade === 'string' ? JSON.parse(damageReductionUpgrade) : damageReductionUpgrade; const damageReduction = parsedUpgrade.level * parsedUpgrade.effect; damage = Math.ceil(damage * (1 - damageReduction)); } } aurora.health -= damage; hugeFireballs.splice(fIndex, 1); // Remove fireball on contact // Add explosion effect explosions.push({ x: fireball.x + fireball.size/2, y: fireball.y + fireball.size/2, size: fireball.size * 1.5, scale: 0.1, maxScale: 1.2, alpha: 1, duration: 0.8, elapsed: 0, isSpecialBlast: false }); if (aurora.health <= 0) { gameOver = true; gameRunning = false; showGameOver(); } } }); } function updateStars(deltaTime) { stars.forEach(star => { // Stars rotate and move toward Aurora star.rotation += star.rotationSpeed * deltaTime; // Move stars toward Aurora's position (including hover movement) const hoverMovement = aurora.hoverOffset ? Math.sin(aurora.hoverOffset) * 8 : 0; const auroraX = aurora.x + AURORA_SIZE/2; const auroraY = aurora.y + AURORA_SIZE/2 + hoverMovement; const starX = star.x + STAR_SIZE/2; const starY = star.y + STAR_SIZE/2; const dx = auroraX - starX; const dy = auroraY - starY; const distance = Math.sqrt(dx * dx + dy * dy); if (distance > 5) { // Don't move if very close const speed = 150; // pixels per second const moveX = (dx / distance) * speed * deltaTime; const moveY = (dy / distance) * speed * deltaTime; star.x += moveX; star.y += moveY; } }); // Remove stars that are too far off-screen (collected or missed) stars = stars.filter(star => star.x > -STAR_SIZE - 100); } // Old upgrade system removed - now using star currency shop system function updateUI() { // Update phase info document.getElementById('phaseTitle').textContent = `Level ${currentPhase}`; if (isBossActive) { document.getElementById('waveInfo').textContent = 'Boss Fight'; document.getElementById('enemyCounter').textContent = bosses.length > 0 ? bosses[0].name : ''; } else if (isObstacleWave) { document.getElementById('waveInfo').textContent = `Wave ${currentWave} - Obstacles`; const timeLeft = Math.max(0, obstacleWaveDuration - obstacleWaveTimer); document.getElementById('enemyCounter').textContent = `Survive the obstacles! ${Math.ceil(timeLeft)}s`; } else if (isWaveActive) { document.getElementById('waveInfo').textContent = `Wave ${currentWave}`; document.getElementById('enemyCounter').textContent = `${waveEnemiesRemaining} enemies left`; } else { document.getElementById('waveInfo').textContent = 'Preparing...'; document.getElementById('enemyCounter').textContent = ''; } // Update score display document.getElementById('scoreMain').textContent = score; document.getElementById('starCount').textContent = window.gameConfig.shop.starCurrency; // Update special attack button const specialButton = document.getElementById('specialButton'); if (!aurora.specialCooldown) aurora.specialCooldown = 0; if (aurora.specialCooldown > 0) { specialButton.classList.add('disabled'); specialButton.textContent = Math.ceil(aurora.specialCooldown) + 's'; } else { specialButton.classList.remove('disabled'); specialButton.textContent = 'P'; } } function showGameOver() { // Only show game over if game actually ended and not at startup if (!gameOver || !gameRunning) return; const gameOverHtml = `

Game Over

${score}

Final Score

${currentPhase}

Level Reached

${collectedArtifacts.length}

Artifacts Collected

${window.gameConfig.shop.starCurrency}

Stars Collected

`; document.body.insertAdjacentHTML('beforeend', gameOverHtml); } function gameLoop(currentTime) { if (!gameRunning || gamePaused) { requestAnimationFrame(gameLoop); return; } const deltaTime = Math.min((currentTime - lastTime) / 1000, 0.016); // Cap at 60fps lastTime = currentTime; if (gameMode === 'play') { // Update game state gameTime += deltaTime; distance += 100 * deltaTime; // Light Pendant cooldown removed // Update shield effect if (aurora.shieldCooldown > 0) { aurora.shieldCooldown -= deltaTime; if (aurora.shieldCooldown <= 0) { aurora.shieldActive = false; } } // Update special attack cooldown if (aurora.specialCooldown > 0) { aurora.specialCooldown -= deltaTime; if (aurora.specialCooldown < 0) { aurora.specialCooldown = 0; } } // Auto-shoot projectiles (faster base attack speed) if (gameTime % 0.5 < deltaTime) { // Shoot every 0.5 seconds (faster attack speed) shootProjectile(0, 0); // Direction doesn't matter since we shoot straight } // Enemy spawning now handled by phase-based wave system // Update obstacle wave if (isObstacleWave) { obstacleWaveTimer += deltaTime; // Spawn huge fireballs periodically - increased spawn rate if (Math.random() < 2.0 * deltaTime) { // Increased to 2.0 fireballs per second for better visibility spawnHugeFireball(); } updateHugeFireballs(deltaTime); // Check if obstacle wave is complete if (obstacleWaveTimer >= obstacleWaveDuration) { checkWaveCompletion(); } } // Update game objects - each system works independently updateKeyboardMovement(deltaTime); // Independent WASD keyboard system updateJoystickMovement(deltaTime); // Independent joystick system updateEnemies(deltaTime); updateProjectiles(deltaTime); updateStars(deltaTime); // Old upgrade system removed updateExplosions(deltaTime); updateDamageNumbers(deltaTime); checkCollisions(); updateUI(); } // Render ctx.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT); drawBackground(); drawAurora(); drawEnemies(); drawHugeFireballs(); // Draw huge fireball obstacles drawProjectiles(); drawStars(); // Old upgrade drawing removed drawExplosions(); drawDamageNumbers(); requestAnimationFrame(gameLoop); } // Input handling function setupInputHandlers() { // Mouse/touch input canvas.addEventListener('mousedown', handlePointerDown); canvas.addEventListener('mousemove', handlePointerMove); canvas.addEventListener('mouseup', handlePointerUp); canvas.addEventListener('touchstart', handlePointerDown); canvas.addEventListener('touchmove', handlePointerMove); canvas.addEventListener('touchend', handlePointerUp); // Keyboard input document.addEventListener('keydown', (e) => { keys[e.code] = true; // Update visual feedback for keyboard controls updateKeyboardVisuals(); if (e.code === 'Escape') { e.preventDefault(); toggleSideMenu(); } else if (e.code === 'KeyP') { e.preventDefault(); triggerSpecialAttack(); // Independent special attack system } }); document.addEventListener('keyup', (e) => { keys[e.code] = false; // Update visual feedback for keyboard controls updateKeyboardVisuals(); }); // Setup joystick after DOM is ready setTimeout(setupJoystick, 100); // Setup keyboard button click handlers setTimeout(setupKeyboardButtons, 100); } function getPointerPos(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[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 = getPointerPos(e); mouseX = pos.x; mouseY = pos.y; isMouseDown = true; if (gameMode === 'edit') { // Check if clicking on Aurora if (mouseX >= aurora.x && mouseX <= aurora.x + AURORA_SIZE && mouseY >= aurora.y && mouseY <= aurora.y + AURORA_SIZE) { selectedObject = 'aurora'; aurora.isDragging = true; } else { selectedObject = null; lib.editMenu.close(); } } else if (gameMode === 'play') { // For mobile/touch, still check if dragging Aurora if (e.touches && mouseX >= aurora.x && mouseX <= aurora.x + AURORA_SIZE && mouseY >= aurora.y && mouseY <= aurora.y + AURORA_SIZE) { aurora.isDragging = true; } // For PC, Aurora already follows mouse cursor automatically } } function handlePointerMove(e) { e.preventDefault(); const pos = getPointerPos(e); mouseX = pos.x; mouseY = pos.y; if (gameMode === 'play') { // Mobile version - requires drag or joystick if (e.touches && isMouseDown && aurora.isDragging) { // Mobile version - still requires drag aurora.x = clamp(mouseX - AURORA_SIZE/2, 0, CANVAS_WIDTH - AURORA_SIZE); aurora.y = clamp(mouseY - AURORA_SIZE/2, 0, CANVAS_HEIGHT - AURORA_SIZE); } } else if (gameMode === 'edit' && isMouseDown && aurora.isDragging) { // Edit mode - still requires drag aurora.x = clamp(mouseX - AURORA_SIZE/2, 0, CANVAS_WIDTH - AURORA_SIZE); aurora.y = clamp(mouseY - AURORA_SIZE/2, 0, CANVAS_HEIGHT - AURORA_SIZE); window.gameConfig.aurora.x = aurora.x; window.gameConfig.aurora.y = aurora.y; } } function handlePointerUp(e) { e.preventDefault(); isMouseDown = false; aurora.isDragging = false; } function showAuroraEditMenu() { // Aurora customization removed } // Joystick control functions function setupJoystick() { // Independent joystick system - works separately from keyboard and special button const joystickKnob = document.getElementById('joystickKnob'); const joystickBase = joystickKnob.parentElement; let isDragging = false; let baseRect; function startJoystick(e) { e.preventDefault(); isDragging = true; joystickActive = true; baseRect = joystickBase.getBoundingClientRect(); joystickKnob.classList.add('active'); // Add event listeners for joystick movement document.addEventListener('mousemove', moveJoystick); document.addEventListener('mouseup', stopJoystick); document.addEventListener('touchmove', moveJoystick, { passive: false }); document.addEventListener('touchend', stopJoystick); document.addEventListener('touchcancel', stopJoystick); } function moveJoystick(e) { if (!isDragging) return; e.preventDefault(); let clientX, clientY; if (e.touches && e.touches[0]) { clientX = e.touches[0].clientX; clientY = e.touches[0].clientY; } else { clientX = e.clientX; clientY = e.clientY; } const centerX = baseRect.left + baseRect.width / 2; const centerY = baseRect.top + baseRect.height / 2; let deltaX = clientX - centerX; let deltaY = clientY - centerY; // Independent joystick radius const maxRadius = 80; const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY); if (distance > maxRadius) { deltaX = (deltaX / distance) * maxRadius; deltaY = (deltaY / distance) * maxRadius; } joystickKnob.style.transform = `translate(calc(-50% + ${deltaX}px), calc(-50% + ${deltaY}px))`; // Independent joystick direction calculation joystickDirection.x = deltaX / maxRadius; joystickDirection.y = deltaY / maxRadius; } function stopJoystick(e) { if (!isDragging) return; e.preventDefault(); isDragging = false; joystickActive = false; joystickKnob.classList.remove('active'); // Reset joystick position and direction joystickKnob.style.transform = 'translate(-50%, -50%)'; joystickDirection.x = 0; joystickDirection.y = 0; // Remove event listeners document.removeEventListener('mousemove', moveJoystick); document.removeEventListener('mouseup', stopJoystick); document.removeEventListener('touchmove', moveJoystick); document.removeEventListener('touchend', stopJoystick); document.removeEventListener('touchcancel', stopJoystick); } // Independent joystick event listeners joystickKnob.addEventListener('mousedown', startJoystick); joystickKnob.addEventListener('touchstart', startJoystick, { passive: false }); } function updateKeyboardMovement(deltaTime) { if (gameMode !== 'play' || isMobileDevice()) return; // Only process keyboard movement on desktop // Calculate movement speed with upgrades let keyboardMoveSpeed = 400; // Base speed const moveSpeedUpgrade = window.gameConfig.shop.upgrades.moveSpeed; if (moveSpeedUpgrade) { const parsedUpgrade = typeof moveSpeedUpgrade === 'string' ? JSON.parse(moveSpeedUpgrade) : moveSpeedUpgrade; keyboardMoveSpeed += parsedUpgrade.level * parsedUpgrade.effect; } const moveDistance = keyboardMoveSpeed * deltaTime; if (keys['KeyW'] || keys['ArrowUp']) { aurora.y = clamp(aurora.y - moveDistance, 0, CANVAS_HEIGHT - AURORA_SIZE); } if (keys['KeyS'] || keys['ArrowDown']) { aurora.y = clamp(aurora.y + moveDistance, 0, CANVAS_HEIGHT - AURORA_SIZE); } if (keys['KeyA'] || keys['ArrowLeft']) { aurora.x = clamp(aurora.x - moveDistance, 0, CANVAS_WIDTH - AURORA_SIZE); } if (keys['KeyD'] || keys['ArrowRight']) { aurora.x = clamp(aurora.x + moveDistance, 0, CANVAS_WIDTH - AURORA_SIZE); } } function updateJoystickMovement(deltaTime) { if (!joystickActive || gameMode !== 'play' || isDesktopDevice()) return; // Only process joystick movement on mobile // Calculate movement speed with upgrades let joystickMoveSpeed = 400; // Base speed const moveSpeedUpgrade = window.gameConfig.shop.upgrades.moveSpeed; if (moveSpeedUpgrade) { const parsedUpgrade = typeof moveSpeedUpgrade === 'string' ? JSON.parse(moveSpeedUpgrade) : moveSpeedUpgrade; joystickMoveSpeed += parsedUpgrade.level * parsedUpgrade.effect; } const moveDistance = joystickMoveSpeed * deltaTime; aurora.x = clamp(aurora.x + joystickDirection.x * moveDistance, 0, CANVAS_WIDTH - AURORA_SIZE); aurora.y = clamp(aurora.y + joystickDirection.y * moveDistance, 0, CANVAS_HEIGHT - AURORA_SIZE); } function initializeGame() { // Remove any existing game over modals const existingGameOver = document.querySelector('.game-over'); if (existingGameOver) { existingGameOver.remove(); } const existingVictory = document.querySelector('.victory-modal'); if (existingVictory) { existingVictory.remove(); } // Reset runtime state - Use 1 million health from config const maxHealth = window.gameConfig.aurora.health || 1000000; aurora = { x: window.gameConfig.aurora.x, y: window.gameConfig.aurora.y, health: maxHealth, maxHealth: maxHealth, isDragging: false, animFrame: 0, bobOffset: 0, hoverOffset: 0, // Initialize hover animation offset shieldActive: false, shieldCooldown: 0, specialCooldown: 0 }; enemies = []; bosses = []; projectiles = []; enemyProjectiles = []; stars = []; artifacts = []; explosions = []; damageNumbers = []; // Initialize inventory system if (!window.gameConfig.inventory) { window.gameConfig.inventory = {}; } // Preserve collected artifacts across game sessions unless explicitly resetting if (!window.gameConfig.inventory.collectedArtifacts) { collectedArtifacts = []; window.gameConfig.inventory.collectedArtifacts = []; lib.log('INIT: Initialized empty artifact collection'); } else { collectedArtifacts = [...window.gameConfig.inventory.collectedArtifacts]; lib.log(`INIT: Restored collected artifacts from config: [${collectedArtifacts.join(', ')}]`); } // Update inventory panel immediately if it exists setTimeout(() => { updateInventoryPanel(); lib.log(`INIT: Inventory panel updated with ${collectedArtifacts.length} artifacts`); }, 100); hugeFireballs = []; // Clear huge fireballs fireMeteors = []; // Clear fire meteors venomousBubbles = []; // Clear venomous bubbles score = 0; gameTime = 0; shotCounter = 0; enemiesKilledCount = 0; // Reset kill counter gameOver = false; gameWon = false; gamePaused = false; joystickActive = false; joystickDirection = { x: 0, y: 0 }; // Reset phase system currentPhase = 1; currentWave = 1; isWaveActive = false; isBossActive = false; waveEnemiesRemaining = 0; totalWaveEnemies = 0; enemiesSpawnedThisWave = 0; // Reset obstacle wave state isObstacleWave = false; obstacleWaveTimer = 0; obstacleWaveDuration = 0; // Close any open menus sideMenuOpen = false; statsMenuOpen = false; shopMenuOpen = false; inventoryMenuOpen = false; // Reset inventory menu state document.getElementById('sideMenu').classList.remove('open'); document.getElementById('menuBackdrop').classList.remove('open'); document.getElementById('statsPanel').classList.remove('open'); document.getElementById('statsBackdrop').classList.remove('open'); document.getElementById('shopScreen').classList.remove('open'); // Close inventory screen if open const inventoryScreen = document.getElementById('inventoryScreen'); if (inventoryScreen) { inventoryScreen.classList.remove('open'); } // Reset pause button text document.getElementById('pauseText').textContent = '⏸ Pause Game'; // Start background music only when game actually starts (not boss music) if (assetCache['boss_battle_music']) { assetCache['boss_battle_music'].pause(); } if (assetCache['background_music'] && gameMode === 'play' && gameRunning) { assetCache['background_music'].currentTime = 0; assetCache['background_music'].play().catch(() => {}); } } function run(mode) { lib.log('run() called. Mode: ' + mode); gameMode = mode; // Initialize canvas canvas = document.getElementById('gameCanvas'); ctx = canvas.getContext('2d'); canvas.width = CANVAS_WIDTH; canvas.height = CANVAS_HEIGHT; // Update UI for mode const container = document.getElementById('gameContainer'); if (mode === 'edit') { container.classList.add('edit-mode'); } else { container.classList.remove('edit-mode'); } // Only show game parameters in edit mode if (mode === 'edit') { lib.showGameParameters({ name: 'Game Settings', params: { 'Base Damage': { key: 'gameConfig.powers.baseDamage', type: 'slider', min: 5, max: 20, step: 1, onChange: (value) => { window.gameConfig.powers.baseDamage = value; } } } }); } // Preload assets preloadAssets(); // Setup input handlers setupInputHandlers(); // Initialize game state but don't start running initializeGame(); // Set initial state - game not running, show welcome screen gameRunning = false; showWelcome = true; gamePaused = false; // Ensure welcome screen is visible and other screens are hidden const welcomeScreen = document.getElementById('welcomeScreen'); const tutorialScreen = document.getElementById('tutorialScreen'); if (welcomeScreen) { welcomeScreen.classList.remove('hidden'); // Create welcome snowflakes immediately createWelcomeSnowflakes(); } if (tutorialScreen) { tutorialScreen.classList.remove('show'); } lastTime = performance.now(); requestAnimationFrame(gameLoop); }

AURORA

THE ICE WITCH

PCCONTROLS

MOVEMENT

SPECIAL

MOBILECONTROLS

MOVEMENT

SPECIAL

Game Over

PC
CONTROLS

MOBILE
CONTROLS

Aurora, the Ice Witch - Free Online Game on Astrocade