🏆 Лидерборды и соревнования

class Leaderboard { constructor() { this.players = []; this.sortCriteria = 'score'; // По умолчанию сортируем по очкам this.filters = { timeRange: 'all', // all, week, month, today gameMode: 'all', // all, easy, medium, hard minGames: 0 // Минимальное количество игр }; } // Добавить игрока addPlayer(playerData) { const existingPlayer = this.players.find(p => p.id === playerData.id); if (existingPlayer) { this.updatePlayerStats(existingPlayer, playerData); } else { this.players.push({ id: playerData.id, name: playerData.name, avatar: playerData.avatar || '👤', totalScore: playerData.score || 0, gamesPlayed: 1, gamesWon: playerData.won ? 1 : 0, averageAttempts: playerData.attempts || 0, bestTime: playerData.time || Infinity, lastPlayed: new Date(), winRate: playerData.won ? 100 : 0, streak: playerData.won ? 1 : 0, level: 1, achievements: [] }); } this.sortPlayers(); } // Обновить статистику игрока updatePlayerStats(player, gameData) { player.totalScore += gameData.score || 0; player.gamesPlayed++; if (gameData.won) { player.gamesWon++; player.streak++; } else { player.streak = 0; } // Обновляем средние показатели player.winRate = Math.round((player.gamesWon / player.gamesPlayed) * 100); // Обновляем лучшее время if (gameData.time && gameData.time < player.bestTime) { player.bestTime = gameData.time; } // Обновляем среднее количество попыток const totalAttempts = (player.averageAttempts * (player.gamesPlayed - 1)) + (gameData.attempts || 0); player.averageAttempts = Math.round(totalAttempts / player.gamesPlayed); player.lastPlayed = new Date(); } // Сортировка игроков sortPlayers() { this.players.sort((a, b) => { switch (this.sortCriteria) { case 'score': return b.totalScore - a.totalScore; case 'winRate': return b.winRate - a.winRate; case 'games': return b.gamesPlayed - a.gamesPlayed; case 'streak': return b.streak - a.streak; case 'time': return a.bestTime - b.bestTime; default: return b.totalScore - a.totalScore; } }); // Обновляем ранги this.players.forEach((player, index) => { player.rank = index + 1; }); } // Получить топ игроков getTopPlayers(count = 10) { return this.players.slice(0, count); } // Найти игрока по ID getPlayerRank(playerId) { const player = this.players.find(p => p.id === playerId); return player ? player.rank : -1; } // Получить игроков около определенного ранга getPlayersAround(targetRank, range = 2) { const startIndex = Math.max(0, targetRank - range - 1); const endIndex = Math.min(this.players.length, targetRank + range); return this.players.slice(startIndex, endIndex); } }

function renderLeaderboard(players) { const container = document.getElementById('leaderboard-list'); container.innerHTML = ''; players.forEach((player, index) => { const listItem = document.createElement('li'); listItem.className = `leaderboard-item ${getTopClass(index + 1)}`; const rankDisplay = getRankDisplay(index + 1); listItem.innerHTML = ` ${rankDisplay} `; // Анимация появления listItem.style.animationDelay = `${index * 0.1}s`; container.appendChild(listItem); }); } function getRankDisplay(rank) { switch (rank) { case 1: return ' '; case 2: return ' '; case 3: return ' '; default: return ` `; } } function getTopClass(rank) { switch (rank) { case 1: return 'top-1'; case 2: return 'top-2'; case 3: return 'top-3'; default: return ''; } }

class DuelSystem { constructor() { this.player1 = { name: 'Игрок 1', score: 0, avatar: '🎯' }; this.player2 = { name: 'Игрок 2', score: 0, avatar: '🎲' }; this.winCondition = 3; // Первый до 3 побед this.isActive = false; this.winner = null; } startDuel() { this.isActive = true; this.winner = null; this.updateDisplay(); this.showMessage('Дуэль началась! Удачи!'); } winRound(playerNumber) { if (!this.isActive) return; const player = playerNumber === 1 ? this.player1 : this.player2; player.score++; this.checkWinner(); this.updateDisplay(); this.createVictoryEffect(playerNumber); if (this.winner) { this.endDuel(); } else { this.showMessage(`${player.name} выиграл раунд!`); } } checkWinner() { if (this.player1.score >= this.winCondition) { this.winner = this.player1; } else if (this.player2.score >= this.winCondition) { this.winner = this.player2; } } endDuel() { this.isActive = false; this.showMessage(`🎉 ${this.winner.name} побеждает в дуэли!`); this.highlightWinner(); // Добавляем результат в глобальную статистику this.recordDuelResult(); } recordDuelResult() { const winnerData = { id: this.winner === this.player1 ? 'player1' : 'player2', name: this.winner.name, score: 100, // Очки за победу в дуэли won: true, attempts: this.winner.score, time: Date.now() }; // Здесь бы добавили в настоящую базу данных console.log('Результат дуэли записан:', winnerData); } reset() { this.player1.score = 0; this.player2.score = 0; this.isActive = false; this.winner = null; this.updateDisplay(); this.showMessage('Готовы к дуэли?'); } highlightWinner() { const winnerCard = this.winner === this.player1 ? document.getElementById('player1-card') : document.getElementById('player2-card'); winnerCard.classList.add('winner'); setTimeout(() => { winnerCard.classList.remove('winner'); }, 3000); } }

function updateStatWithAnimation(elementId, newValue, duration = 1000) { const element = document.getElementById(elementId); const startValue = parseInt(element.textContent.replace(/[^\d]/g, '')) || 0; const endValue = typeof newValue === 'number' ? newValue : parseInt(newValue.replace(/[^\d]/g, '')) || 0; const startTime = Date.now(); function animate() { const elapsed = Date.now() - startTime; const progress = Math.min(elapsed / duration, 1); // Easing функция для плавности const easedProgress = 1 - Math.pow(1 - progress, 3); const currentValue = Math.round(startValue + (endValue - startValue) * easedProgress); // Форматируем значение let displayValue = currentValue.toLocaleString(); // Добавляем суффиксы если нужно if (elementId.includes('winrate') || elementId.includes('percent')) { displayValue += '%'; } else if (elementId.includes('time')) { displayValue += 's'; } element.textContent = displayValue; // Эффект изменения element.style.color = progress < 1 ? '#4caf50' : ''; element.style.transform = progress < 1 ? 'scale(1.1)' : 'scale(1)'; if (progress < 1) { requestAnimationFrame(animate); } else { // Возвращаем исходный стиль setTimeout(() => { element.style.color = ''; element.style.transform = ''; }, 200); } } animate(); }