${upgrade.description}
+ ${upgrade.rarity.toUpperCase()} + `; + card.addEventListener('click', () => { + this.applyUpgrade(upgrade); + menu.classList.add('hidden'); + this.nextRound(); + }); + optionsContainer.appendChild(card); + }); + + menu.classList.remove('hidden'); + } + + generateUpgrades() { + const allUpgrades = [ + { name: 'Health Boost', description: 'Increase max health by 30', rarity: 'common', + apply: (p) => { p.maxHealth += 30; p.health += 30; } }, + { name: 'Mana Pool', description: 'Increase max mana by 20', rarity: 'common', + apply: (p) => { p.maxMana += 20; p.mana += 20; } }, + { name: 'Damage Up', description: 'Increase attack damage by 10', rarity: 'uncommon', + apply: (p) => p.attackDamage += 10 }, + { name: 'Speed Boost', description: 'Increase movement speed by 20%', rarity: 'uncommon', + apply: (p) => p.speedMultiplier *= 1.2 }, + { name: 'Attack Speed', description: 'Attack 15% faster', rarity: 'uncommon', + apply: (p) => p.attackSpeedMultiplier *= 1.15 }, + { name: 'Critical Strike', description: 'Gain 15% critical hit chance', rarity: 'rare', + apply: (p) => p.critChance += 0.15 }, + { name: 'Life Steal', description: 'Heal for 20% of damage dealt', rarity: 'rare', + apply: (p) => p.lifeSteal += 0.2 }, + { name: 'Extended Reach', description: 'Increase attack range by 20', rarity: 'rare', + apply: (p) => p.attackRange += 20 }, + { name: 'Berserker', description: 'Gain 50% damage boost', rarity: 'epic', + apply: (p) => p.damageMultiplier *= 1.5 }, + { name: 'Full Restore', description: 'Restore all health and mana', rarity: 'epic', + apply: (p) => { p.health = p.maxHealth; p.mana = p.maxMana; } }, + { name: 'Legendary Power', description: 'Double all stats!', rarity: 'legendary', + apply: (p) => { + p.maxHealth *= 2; + p.health *= 2; + p.attackDamage *= 2; + p.speedMultiplier *= 1.5; + } + } + ]; + + // Weight by rarity + const rarityWeights = { + common: 40, + uncommon: 30, + rare: 20, + epic: 8, + legendary: 2 + }; + + const selected = []; + for (let i = 0; i < 3; i++) { + const totalWeight = Object.values(rarityWeights).reduce((a, b) => a + b, 0); + let random = Math.random() * totalWeight; + let selectedRarity = 'common'; + + for (const [rarity, weight] of Object.entries(rarityWeights)) { + random -= weight; + if (random <= 0) { + selectedRarity = rarity; + break; + } + } + + const availableUpgrades = allUpgrades.filter(u => + u.rarity === selectedRarity && !selected.includes(u) + ); + + if (availableUpgrades.length > 0) { + selected.push(availableUpgrades[randomInt(0, availableUpgrades.length - 1)]); + } else { + selected.push(allUpgrades[randomInt(0, allUpgrades.length - 1)]); + } + } + + return selected; + } + + applyUpgrade(upgrade) { + upgrade.apply(this.player); + } + + nextRound() { + this.round++; + this.roundKills = 0; + this.roundGold = 0; + this.monstersToKill = 10 + Math.floor(this.round * 1.5); + this.gamePaused = false; + + // Heal player slightly + this.player.heal(20); + this.player.restoreMana(10); + + this.spawnMonstersForRound(); + this.updateHUD(); + } + + gameOver() { + this.gameRunning = false; + this.gamePaused = true; + + document.getElementById('final-round').textContent = this.round; + document.getElementById('final-kills').textContent = this.kills; + document.getElementById('game-over').classList.remove('hidden'); + + this.audioManager.stopTrack(); + } + + draw() { + // Clear canvas + this.ctx.fillStyle = '#0f0f1e'; + this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height); + + // Draw grid + this.ctx.strokeStyle = 'rgba(255, 255, 255, 0.05)'; + this.ctx.lineWidth = 1; + for (let x = 0; x < this.canvas.width; x += 50) { + this.ctx.beginPath(); + this.ctx.moveTo(x, 0); + this.ctx.lineTo(x, this.canvas.height); + this.ctx.stroke(); + } + for (let y = 0; y < this.canvas.height; y += 50) { + this.ctx.beginPath(); + this.ctx.moveTo(0, y); + this.ctx.lineTo(this.canvas.width, y); + this.ctx.stroke(); + } + + // Draw particles + this.particles.forEach(p => p.draw(this.ctx)); + + // Draw drops + this.drops.forEach(d => d.draw(this.ctx)); + + // Draw monsters + this.monsters.forEach(m => m.draw(this.ctx)); + + // Draw player + if (this.player) { + this.player.draw(this.ctx); + + // Draw attack range indicator + this.ctx.strokeStyle = 'rgba(255, 255, 255, 0.2)'; + this.ctx.lineWidth = 2; + this.ctx.beginPath(); + this.ctx.arc(this.player.x, this.player.y, this.player.attackRange + this.player.size, 0, Math.PI * 2); + this.ctx.stroke(); + } + } + + updateHUD() { + if (!this.player) return; + + // Health + const healthPercent = (this.player.health / this.player.maxHealth) * 100; + document.getElementById('health-fill').style.width = healthPercent + '%'; + document.getElementById('health-text').textContent = + `${Math.ceil(this.player.health)}/${this.player.maxHealth}`; + + // Mana + const manaPercent = (this.player.mana / this.player.maxMana) * 100; + document.getElementById('mana-fill').style.width = manaPercent + '%'; + document.getElementById('mana-text').textContent = + `${Math.ceil(this.player.mana)}/${this.player.maxMana}`; + + // Stats + document.getElementById('round-number').textContent = this.round; + document.getElementById('kill-count').textContent = this.kills; + document.getElementById('gold-count').textContent = this.player.gold; + } + + toggleMusic() { + const enabled = this.audioManager.toggle(); + document.getElementById('music-toggle').textContent = enabled ? '๐' : '๐'; + } + + openMusicMenu() { + document.getElementById('music-menu').classList.remove('hidden'); + } + + closeMusicMenu() { + document.getElementById('music-menu').classList.add('hidden'); + } + + gameLoop(timestamp = 0) { + this.update(); + this.draw(); + + this.animationId = requestAnimationFrame((t) => this.gameLoop(t)); + } +} + +// Initialize game +const game = new Game(); + +// Handle window resize +window.addEventListener('resize', () => { + game.setupCanvas(); +}); + +// Prevent default touch behaviors +document.addEventListener('touchmove', (e) => { + if (e.target.tagName !== 'INPUT' && e.target.tagName !== 'TEXTAREA') { + e.preventDefault(); + } +}, { passive: false }); diff --git a/icon.svg b/icon.svg new file mode 100644 index 0000000..aa35a09 --- /dev/null +++ b/icon.svg @@ -0,0 +1,30 @@ + diff --git a/index.html b/index.html new file mode 100644 index 0000000..6e78ae2 --- /dev/null +++ b/index.html @@ -0,0 +1,107 @@ + + + + + + + +python3 -m http.server 8000./build-android.shcordova run android