Blob RPG Adventure

Blob: 100/100 HP Attack: 10 Defense: 5 Gold: 50

// Game state const gameState = { player: { name: 'Blob', maxHealth: 100, health: 100, attack: 10, defense: 5, gold: 50, inventory: [] }, currentEnemy: null, inCombat: false, inShop: false, enemies: [ { name: 'Goblin', health: 30, attack: 8, goldReward: 10 }, { name: 'Orc', health: 50, attack: 12, goldReward: 20 }, { name: 'Dark Wizard', health: 40, attack: 15, goldReward: 30 }, { name: 'Dragon', health: 80, attack: 20, goldReward: 50 }, { name: 'Shadow Beast', health: 60, attack: 18, goldReward: 40 }, { name: 'Alien Invader', health: 70, attack: 16, goldReward: 45 } ], shopItems: [ { name: 'Health Potion', cost: 10, effect: { health: 20 }, description: 'Restores 20 HP' }, { name: 'Attack Boost', cost: 30, effect: { attack: 5 }, description: 'Permanently increases attack by 5' }, { name: 'Defense Boost', cost: 30, effect: { defense: 5 }, description: 'Permanently increases defense by 5' }, { name: 'Greatsword', cost: 50, effect: { attack: 10 }, description: 'Permanently increases attack by 10' }, { name: 'Shield', cost: 50, effect: { defense: 10 }, description: 'Permanently increases defense by 10' } ] }; // DOM elements const elements = { playerHealth: document.getElementById('player-health'), playerAttack: document.getElementById('player-attack'), playerDefense: document.getElementById('player-defense'), playerGold: document.getElementById('player-gold'), gameLog: document.getElementById('game-log'), enemyStats: document.getElementById('enemy-stats'), enemyName: document.getElementById('enemy-name'), enemyHealth: document.getElementById('enemy-health'), enemyAttack: document.getElementById('enemy-attack'), exploreBtn: document.getElementById('explore-btn'), attackBtn: document.getElementById('attack-btn'), healBtn: document.getElementById('heal-btn'), shopBtn: document.getElementById('shop-btn'), shop: document.getElementById('shop'), shopItems: document.getElementById('shop-items'), closeShop: document.getElementById('close-shop') }; // Game functions function logMessage(message, type = 'system') { const entry = document.createElement('div'); entry.className = `log-entry ${type}`; entry.textContent = message; elements.gameLog.appendChild(entry); elements.gameLog.scrollTop = elements.gameLog.scrollHeight; } function updatePlayerStats() { elements.playerHealth.textContent = gameState.player.health; elements.playerAttack.textContent = gameState.player.attack; elements.playerDefense.textContent = gameState.player.defense; elements.playerGold.textContent = gameState.player.gold; } function getRandomEnemy() { const randomIndex = Math.floor(Math.random() * gameState.enemies.length); return { ...gameState.enemies[randomIndex] }; } function startCombat() { gameState.currentEnemy = getRandomEnemy(); gameState.inCombat = true; elements.enemyStats.style.display = 'flex'; elements.enemyName.textContent = gameState.currentEnemy.name; elements.enemyHealth.textContent = gameState.currentEnemy.health; elements.enemyAttack.textContent = gameState.currentEnemy.attack; elements.attackBtn.disabled = false; elements.exploreBtn.disabled = true; elements.shopBtn.disabled = true; logMessage(`A wild ${gameState.currentEnemy.name} appears!`, 'enemy'); } function endCombat(victory) { if (victory) { const goldReward = gameState.currentEnemy.goldReward; gameState.player.gold += goldReward; logMessage(`You defeated the ${gameState.currentEnemy.name} and earned ${goldReward} gold!`, 'system'); logMessage(`Gold: +${goldReward}`, 'gold'); } else { logMessage(`You were defeated by the ${gameState.currentEnemy.name}!`, 'enemy'); // Reset player health after defeat gameState.player.health = gameState.player.maxHealth; } gameState.currentEnemy = null; gameState.inCombat = false; elements.enemyStats.style.display = 'none'; elements.attackBtn.disabled = true; elements.exploreBtn.disabled = false; elements.shopBtn.disabled = false; updatePlayerStats(); } function playerAttack() { if (!gameState.inCombat) return; // Player attacks enemy const damage = Math.max(1, gameState.player.attack - Math.floor(Math.random() * 3)); gameState.currentEnemy.health -= damage; elements.enemyHealth.textContent = gameState.currentEnemy.health; logMessage(`You hit the ${gameState.currentEnemy.name} for ${damage} damage!`, 'player'); // Check if enemy is defeated if (gameState.currentEnemy.health <= 0) { endCombat(true); return; } // Enemy attacks back enemyAttack(); } function enemyAttack() { const damage = Math.max(1, gameState.currentEnemy.attack - gameState.player.defense); gameState.player.health -= damage; elements.playerHealth.textContent = gameState.player.health; logMessage(`The ${gameState.currentEnemy.name} hits you for ${damage} damage!`, 'enemy'); // Check if player is defeated if (gameState.player.health <= 0) { endCombat(false); } } function healPlayer() { if (gameState.player.gold >= 10) { gameState.player.gold -= 10; gameState.player.health = Math.min(gameState.player.maxHealth, gameState.player.health + 20); logMessage('You healed for 20 HP!', 'system'); logMessage('Gold: -10', 'gold'); updatePlayerStats(); } else { logMessage('Not enough gold to heal!', 'system'); } } function openShop() { gameState.inShop = true; elements.shop.style.display = 'block'; elements.exploreBtn.disabled = true; elements.shopBtn.disabled = true; // Clear shop items elements.shopItems.innerHTML = ''; // Add shop items gameState.shopItems.forEach(item => { const itemElement = document.createElement('div'); itemElement.className = 'shop-item'; const itemInfo = document.createElement('div'); itemInfo.innerHTML = `${item.name} - ${item.description} (${item.cost} gold)`; const buyBtn = document.createElement('button'); buyBtn.textContent = 'Buy'; buyBtn.disabled = gameState.player.gold < item.cost; buyBtn.addEventListener('click', () => buyItem(item)); itemElement.appendChild(itemInfo); itemElement.appendChild(buyBtn); elements.shopItems.appendChild(itemElement); }); } function closeShop() { gameState.inShop = false; elements.shop.style.display = 'none'; elements.exploreBtn.disabled = false; elements.shopBtn.disabled = false; } function buyItem(item) { if (gameState.player.gold >= item.cost) { gameState.player.gold -= item.cost; if (item.effect.health) { gameState.player.health = Math.min(gameState.player.maxHealth, gameState.player.health + item.effect.health); logMessage(`You used ${item.name} and restored ${item.effect.health} HP!`, 'system'); } if (item.effect.attack) { gameState.player.attack += item.effect.attack; logMessage(`Your attack increased by ${item.effect.attack}!`, 'system'); } if (item.effect.defense) { gameState.player.defense += item.effect.defense; logMessage(`Your defense increased by ${item.effect.defense}!`, 'system'); } logMessage(`Gold: -${item.cost}`, 'gold'); updatePlayerStats(); openShop(); // Refresh shop } else { logMessage('Not enough gold!', 'system'); } } // Event listeners elements.exploreBtn.addEventListener('click', () => { if (Math.random() < 0.7) { startCombat(); } else { const goldFound = Math.floor(Math.random() * 15) + 5; gameState.player.gold += goldFound; logMessage(`You found ${goldFound} gold while exploring!`, 'system'); logMessage(`Gold: +${goldFound}`, 'gold'); updatePlayerStats(); } }); elements.attackBtn.addEventListener('click', playerAttack); elements.healBtn.addEventListener('click', healPlayer); elements.shopBtn.addEventListener('click', openShop); elements.closeShop.addEventListener('click', closeShop); // Initialize heal button state elements.healBtn.disabled = gameState.player.gold < 10; // Initial game message logMessage('Welcome to Blob RPG Adventure! Explore to find enemies and gold.', 'system'); logMessage('Visit the shop to buy upgrades and healing items.', 'system');