5.4 KiB

Raw Blame History

Отображение баланса игрока

✅ Исправлено

Теперь игрок видит свой баланс фишек прямо под картами!

🎯 Что добавлено

1. Визуальное отображение баланса

На экране игры появилась панель информации о игроке:

┌────────────────────────────┐
│ Игрок        💰 1000       │  ← Имя и баланс
│  [K♠] [Q♥]                │  ← Карты
│  Две старших карты         │  ← Сила руки
└────────────────────────────┘

Элементы:

Имя игрока - слева
💰 Баланс - справа (зелёная подсветка)
Карты - по центру
Сила руки - снизу

🎨 Визуальные фичи

Анимация изменения баланса:

При увеличении фишек (выигрыш):
- Зелёная вспышка
- Увеличение на 5%
- 0.5 секунды
При уменьшении фишек (ставка/проигрыш):
- Красная вспышка
- Уменьшение на 5%
- 0.5 секунды

Пример:

Выигрыш +500:  💰 500 → 💰 1000 (зелёная вспышка ✨)
Ставка -100:   💰 1000 → 💰 900 (красная вспышка 🔴)

💻 Технические детали

Файлы изменены:

1. `index.html`

Добавлена строка информации о игроке:

<div class="player-info-row">
    <div class="player-name-display" id="player-name-display">Игрок</div>
    <div class="player-balance-display">
        <span class="balance-icon">💰</span>
        <span class="balance-amount" id="player-balance">1000</span>
    </div>
</div>

2. `styles.css`

Добавлены стили:

.player-info-row - контейнер для имени и баланса
.player-name-display - стиль имени
.player-balance-display - значок и сумма
@keyframes balanceIncrease - анимация увеличения
@keyframes balanceDecrease - анимация уменьшения

3. `main.js`

Добавлена функция updatePlayerBalance():

function updatePlayerBalance(player) {
    // Обновляет имя и баланс
    // Добавляет анимацию при изменении
    // Отслеживает предыдущее значение
}

Интеграция в:

updateGameUI() - одиночная игра
updateGameUIFromServer() - мультиплеер

🎮 Примеры в действии

Префлоп:

┌────────────────────────────┐
│ Игрок        💰 1000       │
│  [A♠] [K♠]                │
│  Старшие карты             │
└────────────────────────────┘

Ставка Big Blind 10 →

┌────────────────────────────┐
│ Игрок        💰 990  🔴    │  ← Красная вспышка
│  [A♠] [K♠]                │
│  Старшие карты             │
└────────────────────────────┘

Выигрыш банка:

Банк: 500 фишек
Победа с флешем!

┌────────────────────────────┐
│ Игрок        💰 1490  ✨   │  ← Зелёная вспышка
│  [A♠] [K♠]                │
│  Флеш, туз старший         │
└────────────────────────────┘

All-in:

┌────────────────────────────┐
│ Игрок        💰 0     🔴   │  ← Баланс 0 после all-in
│  [Q♥] [Q♦]                │
│  Пара дам                  │
└────────────────────────────┘

📊 Отличия от ботов

Элемент	Бот (на столе)	Игрок (снизу)
Имя	Маленькое, внутри бокса	Крупное, отдельная строка
Баланс	Под именем, серый текст	Отдельный блок, зелёный, с иконкой
Карты	Мини (40x56px)	Большие (70x98px)
Анимация	Нет	Есть (при изменении)
Позиция	По кругу стола	Внизу по центру

✅ Результат

Теперь игрок всегда видит:

✅ Своё имя
✅ Актуальный баланс фишек
✅ Визуальную обратную связь при выигрыше/проигрыше
✅ Красивую анимацию изменения баланса

🎰💰 Следите за своим стеком!

5.4 KiB Raw Blame History Unescape Escape