꒰ CARD HUB : полное руководство по сервису ꒱
[ ♡ ] › в этой статье мы подробно разберем, как все устроено, и поможем сделать первые шаги — как стримерам, так и зрителям!
CARD HUB — это персональная карточная гача для ваших трансляций, в которой ваши зрители смогут открывать паки и коллекционировать карточки с вашими артами прямо во время стрима ~
ПОДПИСКИ: доступ к сервису
!! Обратите внимание: активация и продление подписки оформляется только вручную через личные сообщения паблика: aurora.project ⸝⸝ graphic designer
› сервис работает по системе ежемесячных подписок:
✧ standard ( уровень для быстрого старта ) — 350 руб / месяц
✧ premium ( максимум возможностей и кастомизации ) — 950 руб / месяц
Подробное сравнение всех возможностей версий можно изучить на нашем сайте — cardhub.tech
ПЕРВЫЕ ШАГИ : СТРИМЕР
Шаг 1. Входим в CARD HUB :
- Заходим на сайт CARD HUB и нажимаем «Войти через Twitch»
- В мастере первоначальной настройки выберите роль «Я стример»
- В следующем шаге - откройте ссылку «Получить JWT в StreamElements» → копируем JWT Token и вставляем в поле → «Проверить и подключить»
Если мастер уже был закрыт, подключение находится в разделе:
Личный кабинет → Подключения → Добавить или заменить JWT
Шаг 2. Создаем первую коллекцию
Заходим во вкладку Студия → Управление картами;
Работа ведётся через черновик: изменения автоматически сохраняются, но не влияют на активный виджет, пока вы не нажмёте «Опубликовать»
Рекомендуемая последовательность:
- Создайте или настройте редкости, указываем их шансы выпадения и стиль;
- Создайте коллекцию: загрузите оформление пака и рубашку, если это доступно на вашем уровне;
- Добавьте карты: назначьте каждой карте коллекцию и редкость, при необходимости включите продажу за осколки и укажите стоимость;
- Проверьте карточки в предпросмотре → Опубликуйте каталог.
Для временного выпуска можно отметить карту как лимитированную, указать даты доступности, тираж, источник и описание события.
Шаг 3. Настраиваем способы открытия
Заходим во вкладку Студия → Настройка виджета;
Что можно настроить :
- положение и размер звезд на карте;
- положение и масштаб виджета, тайминги анимаций каждого этапа открытия;
- открытие 1 карты / 5 карт;
- открытие пака по команде в чате;
- открытие пака по награде Twitch;
- пользовательские и общие кулдауны;
- защиту от повторов внутри пака ×5 / гарантированную новую карту / повышение шанса редкой карты после серии неудачных открытий;
- интеграция с DonationAlerts.
Для первого запуска лучше оставить стандартные тайминги и изменить только команды, награды и расположение виджета.
Шаг 4. Подключите DonationAlerts
В том же разделе → переходим в блок «События DonationAlerts»;
- Подключите свой аккаунт DonationAlerts;
- Включите реагирование виджета на донаты;
- Выберите валюту и укажите сумму для открытия одной карты / при необходимости укажите отдельную сумму для пака ×5;
- Не забудьте сохраните настройки.
Шаг 5. Настройте награды Twitch
Базовую награду можно связать с виджетом на сайте по её точному названию на Twitch.
C Premium доступен отдельный раздел: Студия → Награды Twitch.
В нём можно создавать и изменять награды прямо из CARD HUB, задавать стоимость, цвет, описание, лимиты, перезарядку и действие виджета.
Шаг 6. Добавление виджета в OBS
В разделе «Настройка виджета» сверху находим блок «Основной виджет» и открываем общую ссылку.
Если сайт или ссылка не работает - включите впн!!
Следуйте указаниям StreamElements и сохраните оверлей в своём аккаунте. После установки он появится в библиотеке ваших оверлеев и не пропадет.
Не публикуйте личную ссылку оверлея: она предназначена для подключения источника трансляции!
Заходим в оверлей из библиотеки → в открывшемся окне слева находим «Settings» → «Медиафайлы» : в соответствующие поля загружаем все желаемые картинки.
Изображения и гифки можно вставлять в карты 2 способами : посредством ссылки и загрузить их через StreamElements.
Если ссылкой - то можно отправить самому себе в лс ВК и оттуда вытащить ссылку :D
При втором способе - у вас появится возможность загрузить их на сайте через галерею.
После справа сверху → Копируем URL виджета → жмем «Save»
В самом OBS:
- Выбираем нужную сцену и добавляем → «Браузер»;
- Вставляем URL виджета и устанавливаем разрешение 1920x1080;
- После ПКМ → «SRGB отключить».
Проценты расположения, заданные на сайте CARD HUB, привязаны к размеру источника, поэтому композиция сохраняется при изменении разрешения.
Шаг 7. Проверка работы виджета
Переходим Студия → Предпросмотр виджета.
Предпросмотр работает в изолированном режиме: тестовые открытия не изменяют настоящие коллекции зрителей, а DonationAlerts в нём отключён.
Обязательно проверьте перед стримом:
- опубликован ли каталог;
- правильно ли отображаются карты и рубашки;
- совпадает ли название награды Twitch / реагирует ли виджет на награду;
- работает ли команда, указанная на сайте;
- реагирует ли виджет на донаты через DonationAlerts посредством тестов.
ПЕРВЫЕ ШАГИ : ЗРИТЕЛЬ
Зрителю ничего не нужно устанавливать или отдельно настраивать.
Шаг 1. Войдите через Twitch
Если вы вошли на сайт после того, как открывали паки за баллы/донат на стримах - система учитывает это и карты будут у вас в коллекции.
Шаг 2. Выберите роль «Я зритель»
Шаг 3. Получайте карты на трансляциях
Способ открытия паков зависит от настроек конкретного стримера.
Это могут быть:
- команда в чате;
- награда за баллы Twitch;
- донат через DonationAlerts;
- специальная награда или событие.
Шаг 4. Раздел Коллекция → Мои карты
Здесь отображаются:
- все коллекции подключённых стримеров;
- количество уникальных карт и экземпляров;
- прогресс каждой коллекции;
- избранные коллекции;
- избранные карты в публичной витрине;
- достижения, осколки и престиж.
До шести любимых карт можно закрепить в витрине и поделиться коллекцией по публичной ссылке или с помощью QR-кода.
Шаг 5. Дубликаты
Повторные карты всегда приносят пользу: их легко превратить в осколки для покупки карт в магазине; Так же они участвуют в развитии коллекции - престижа и могут отдельно преобразоваться в осколки.
Осколки используются для покупки недостающих карт в магазине.
Лимитированные карты в обычном магазине не продаются: способ и период их получения определяет стример.
Шаг 6. Престиж
Престиж позволяет развивать завершенные коллекции и открывать доступ к дополнительным косметическим возможностям - эффектам.
В галерее эффектов можно посмотреть оформление карт разных уровней.
Применённый эффект принадлежит конкретному экземпляру карты, отображается на сайте и в основном виджете при выпадении.
Материалы для оформления стрима
Мы подготовили два редактируемых шаблона:
- плашка для OBS;
- плашка для расмещения под стримом.
В макете по ссылке можно будет найти шаблоны! Можно менять цвета и картинку на ваше усмотрение, после чего экспортировать готовый вариант в png-формат.


Для нас это огромный шаг и совершенно новый опыт, мы создали отдельное обсуждение для ваших отзывов и предложений — будем очень рады узнать, что вы думаете о CARD HUB -ˋ♡ˊ-
