чат для богини панд styulenskaya

Уютный кастомный чат для StreamElements.

Чат крупным планом

1280×860 · отдельный Browser-источник в OBS

Как это на стриме

оверлей поверх Live2D-сцены

Стиль

Чат выглядит как страница скетчбука — каждое сообщение будто нарисовано от руки. И каждая деталь здесь про саму styulenskaya.

Из чего сообщение

Сверху — лапка и ник, снизу — записка с текстом. Всё будто нарисовано от руки, поэтому двух одинаковых записок не бывает. Несколько сообщений подряд от одного человека собираются под один ник.

Цвета

Тёплая бумажная записка: чернила по кремовой бумаге. Точные цвета — в образцах ниже.

Лапка, пасхалки, чибик

Лапка у ника разгорается по стажу подписки — чем дольше человек с тобой, тем больше на ней огня и ярче свечение, от пары угольков до пылающего пламени. Рядом с ником — настоящие твич-баджи (мод, VIP, сабский медальон). Некоторые слова наряжают записку: «панда» зовёт бамбук, «богиня» — золотые искры, «мяу» — кошачьи лапки. Сообщения самой стримерши получают корону, а на каждое событие выбегает чибик-панда.

Шрифт

Два шрифта на выбор — рукописный Balsamiq Sans или более чёткий Nunito. Переключаются справа.

Голос

Чат можно читать вслух — один голос на весь чат. Послушай оба:

События

чат · сообщения из чата канала; несколько подряд от одного человека собираются под один ник
события · фолловы, сабы и рейды — у каждого свой чибик и подпись вроде «привёл 42 панды»
эмоции · смайлы Twitch и 7TV прямо в сообщениях

Инструкция

Скачай ZIP кнопкой справа — внутри 5 файлов и README. Дальше два шага: добавить виджет в StreamElements, потом в OBS.

1. StreamElements

streamelements.com → Overlays → создай новый overlay.
Через «+» в редакторе → Static / Custom → Custom widget → Open Editor.
Скопируй содержимое 5 файлов из ZIP в одноимённые вкладки (HTML / CSS / JS / Fields / Data).
Save → скопируй ссылку на overlay (иконка с цепочкой внизу редактора).

2. OBS

Добавь источник Browser и вставь скопированную ссылку.
Размер — 1920×1080. Края можно подрезать с зажатым Alt.
ПКМ на источник → Метод смешивания → SRGB откл. — иначе свечение и цвета съезжают.
Тот же флаг поставь всем PNG-картинкам и виджетам в сцене.