EmoteWall 🎭

📋 О проекте

EmoteWall — это интерактивный оверлей для Twitch-стримов, который отображает эмодзи из чата в виде анимированных элементов на экране. Поддерживает эмодзи с нескольких платформ и предлагает различные типы анимаций.

✨ Возможности

• Мультиплатформенная поддержка: 7TV, BTTV, FFZ и Twitch эмодзи
• Три типа анимации: плавание, физика с гравитацией, дождь с настраиваемым углом
• Гибкая настройка: все параметры анимации и внешнего вида конфигурируются
• Тестовый режим: автоматическое тестирование без подключения к чату
• Фильтры: защита от спама, ограничение частоты, комбо-система
• Адаптивный дизайн: работает на любом разрешении экрана

🚀 Быстрый старт

1. Скачивание проекта

git clone https://github.com/ваш-username/EmoteWall.git
cd EmoteWall

Или можно скачать как ZIP

2. Настройка конфигурации

Откройте файл config.js и измените следующие параметры:

window.EmoteWallConfig = {
  nickname: 'ваш_канал_twitch',      // Замените на имя вашего Twitch канала
  debug: true,                      // Отладка (true/false)
  debugLog: true,                   // Показ логов (true/false)
  testMode: false,                  // Тестовый режим (true для теста без чата)
  // ... остальные настройки
};

3. Запуск

Добавьте источник браузер в OBS:

file:///C:/путь/к/проекту/EmoteWall/index.html

⚙️ Конфигурация

Основные настройки в config.js:

Параметр	Описание	По умолчанию
nickname	Twitch канал для мониторинга	'your_channel_name'
debug	Панель статистики FPS	true
testMode	Автоматический тестовый режим	false (true для теста)
testInterval	Интервал показа в тестовом режиме (мс)	500
maxEmotesOnScreen	Макс. эмодзи на экране	50
emoteDuration	Время отображения эмодзи (мс)	5000

Анимации (веса от 0 до 1):

animationWeights: {
  float: 0.4,    // Плавающая анимация
  physics: 0.3,  // Физика с гравитацией
  rain: 0.3      // Дождь с настраиваемым углом
}

Настройка дождя:

rainSpeed: 2,            // Скорость падения
rainAngle: 90,           // Угол падения (90° = вертикально вниз)
rainAngleDeviation: 30   // Отклонение угла (±30°)

🌐 Поддерживаемые платформы эмодзи

Платформа	Статус	Примечания
7TV	✅ Полная поддержка	Канальные и глобальные эмодзи
Twitch	✅ Полная поддержка	Нативные эмодзи канала
BTTV	✅ Полная поддержка	BetterTTV глобальные и канальные
FFZ	⚠️ Возможная поддержка	Были проблемы с загрузкой

🎮 Управление анимациями

Типы анимаций:

1. Float — плавающие эмодзи с колебаниями
2. Physics — физика с гравитацией и отскоками от границ
3. Rain — падающие под углом эмодзи (настраиваемый угол)

🛠️ Тестовый режим

Включите в конфиге:

testMode: true,
testInterval: 500  // 500ms = 2 эмодзи в секунду

Тестовый режим покажет:

• Стандартные тестовые эмодзи с каждой платформы
• Автоматически собранные эмодзи из чата (при подключении)

📊 Панель отладки

При debug: true отображаются:

• Количество эмодзи на экране
• FPS (кадры в секунду)
• Размер тестового пула
• Дебаг-логи (справа внизу)

🔧 Продвинутые настройки

Фильтрация эмодзи:

spamFilterEnabled: false,    // Фильтр повторяющихся эмодзи
spamFilterTime: 1000,        // Минимальный интервал (мс)
comboRequirement: 0,         // Требуемое комбо (0 = отключено)
ignoreDuplicates: false,     // Игнорировать одинаковые подряд

Лимиты:

maxEmotesPerSecond: 0,       // 0 = без ограничений
maxEmotesOnScreen: 50,       // Очистка старых при достижении лимита

🔄 Основано на

Проект основан на LastEmote с добавлением: