Рогалик с колесом фортуны

Вот реализация вашей рогалик-игры с колесом фортуны, инвентарём и боссами: Рогалик с колесом фортуны

Колесо фортуны

Золото: 100

Осколки: 0

Магазин

// Конфигурация игры const config = { mapWidth: 30, mapHeight: 20, playerStartX: 5, playerStartY: 5, itemRarity: { normal: 0.6, rare: 0.25, epic: 0.1, legendary: 0.05 }, enemyRanks: ['#ffffff', '#0077ff', '#8800ff', '#ff00ff', '#ffff00', '#000000', '#ff0000'], epochs: ['Древний мир', 'Средневековье', 'Ренессанс', 'Индустриальная эпоха', 'Современность', 'Будущее'] }; // Состояние игры const gameState = { playerX: config.playerStartX, playerY: config.playerStartY, gold: 100, shards: 0, inventory: new Array(5).fill(null), currentEpoch: config.epochs[0], skills: [] }; // Инициализация карты function initMap() { const mapElement = document.getElementById('game-map'); mapElement.innerHTML = ''; for (let y = 0; y < config.mapHeight; y++) { for (let x = 0; x < config.mapWidth; x++) { const cell = document.createElement('div'); cell.className = 'cell'; cell.dataset.x = x; cell.dataset.y = y; // Добавляем случайных врагов if (Math.random() < 0.1 && !(x === gameState.playerX && y === gameState.playerY)) { const rank = Math.floor(Math.random() * config.enemyRanks.length); cell.className += ' enemy'; cell.style.backgroundColor = config.enemyRanks[rank]; } // Иногда добавляем боссов if (Math.random() < 0.02 && !(x === gameState.playerX && y === gameState.playerY)) { cell.className += ' boss'; } mapElement.appendChild(cell); } } // Обновляем позицию игрока const playerCell = document.querySelector(`[data-x="${gameState.playerX}"][data-y="${gameState.playerY}"]`); if (playerCell) playerCell.classList.add('player'); } // Колесо фортуны document.getElementById('spin-btn').addEventListener('click', function() { if (gameState.gold < 10) { alert('Недостаточно золота!'); return; } gameState.gold -= 10; updateUI(); const wheel = document.getElementById('wheel'); const spinDuration = 3000; const spins = 5 + Math.random() * 5; const degrees = spins * 360; wheel.style.transition = `transform ${spinDuration}ms cubic-bezier(0.1, 0.7, 0.1, 1)`; wheel.style.transform = `rotate(${degrees}deg)`; setTimeout(() => { const reward = getRandomReward(); showReward(reward); wheel.style.transition = 'none'; wheel.style.transform = 'rotate(0deg)'; }, spinDuration); }); // Получение случайной награды function getRandomReward() { const r = Math.random(); let rarity; if (r < config.itemRarity.normal) { rarity = 'normal'; } else if (r < config.itemRarity.normal + config.itemRarity.rare) { rarity = 'rare'; } else if (r < config.itemRarity.normal + config.itemRarity.rare + config.itemRarity.epic) { rarity = 'epic'; } else { rarity = 'legendary'; } const items = { normal: ['Меч', 'Щит', 'Шлем', 'Кольчуга'], rare: ['Магический меч', 'Элитный щит', 'Шлем героя', 'Доспехи рыцаря'], epic: ['Легендарный клинок', 'Доспехи демиурга', 'Шлем дракона', 'Плащ ассасина'], legendary: ['Экскалибур', 'Кольцо всевластия', 'Молот Тора', 'Тьензен'] }; return { type: 'item', name: items[rarity][Math.floor(Math.random() * items[rarity].length)], rarity: rarity }; } // Показать награду function showReward(reward) { alert(`Вы получили: ${reward.name} (${getRarityName(reward.rarity)})`); addToInventory(reward); } // Добавить в инвентарь function addToInventory(item) { const emptySlot = gameState.inventory.findIndex(slot => slot === null); if (emptySlot !== -1) { gameState.inventory[emptySlot] = item; updateInventory(); } else { alert('Инвентарь полон!'); } } // Обновить инвентарь function updateInventory() { const slots = document.querySelectorAll('.inventory-slot'); slots.forEach((slot, index) => { slot.innerHTML = ''; const item = gameState.inventory[index]; if (item) { const itemElement = document.createElement('div'); itemElement.textContent = item.name.substring(0, 2); itemElement.style.color = getRarityColor(item.rarity); slot.appendChild(itemElement); } }); } // Обновить UI function updateUI() { document.getElementById('gold').textContent = gameState.gold; document.getElementById('shards').textContent = gameState.shards; } // Получить цвет редкости function getRarityColor(rarity) { const colors = { normal: '#ffffff', rare: '#0077ff', epic: '#8800ff', legendary: '#ffff00' }; return colors[rarity]; } // Получить название редкости function getRarityName(rarity) { const names = { normal: 'Обычное', rare: 'Редкое', epic: 'Эпическое', legendary: 'Легендарное' }; return names[rarity]; } // Портал document.getElementById('portal-btn').addEventListener('click', function() { if (gameState.shards < 50) { alert('Недостаточно осколков!'); return; } gameState.shards -= 50; gameState.currentEpoch = config.epochs[Math.floor(Math.random() * config.epochs.length)]; alert(`Вы перенеслись в эпоху: ${gameState.currentEpoch}`); updateUI(); }); // Магазин document.querySelectorAll('.shop-item').forEach(item => { item.addEventListener('click', function() { const price = parseInt(this.dataset.price); const isGold = this.textContent.includes('золот'); const currency = isGold ? 'gold' : 'shards'; if (gameState[currency] < price) { alert(`Недостаточно ${isGold ? 'золота' : 'осколков'}!`); return; } gameState[currency] -= price; if (this.textContent.includes('здоровья')) { alert('Вы купили зелье здоровья'); } else { const skillName = this.textContent.split(' ')[1]; gameState.skills.push(skillName); alert(`Вы изучили навык: ${skillName}`); } updateUI(); }); }); // Инициализация игры initMap(); updateUI(); updateInventory();