■ ライブビューカウンター「ヒヨコ」 ぽよぽよ揺れるヒヨコたちが、同時接続数をにぎやかに知らせてくれる。 同時接続数の桁ごとに、ヒヨコがその数だけ並んで揺れる、わんコメ対応テンプレートです。 1の位なら最大9羽、10の位なら最大9羽……と、数字をキャラクターで直感的に表現します。 わんコメを使って、OBSのブラウザソースにそのまま追加できます。 ■ このテンプレートの特徴 ヒヨコが視聴者数を表現 同時接続数の各桁を、数字の値ぶんのヒヨコで表示。数が増えるほどヒヨコが増え、配信画面をぽかぽか彩ります。 ぽよぽよカスケードアニメーション 表示が切り替わるたびに、ヒヨコたちが順番にぽよん、ぷるんと揺れるアニメーションが再生されます。1羽ずつタイミングがずれて踊るので、見ているだけで楽しい賑やかさに。 ふんわりフェードイン 初回表示時に2秒かけて柔らかくフェードインし、画面に自然になじみます。 グロウカラーをカスタマイズ可能 OBSのカスタムCSSで `--glow-color` などの変数を上書きするだけで、グロウ（発光）の色や強さを自由に変えられます。配信のテーマカラーにあわせた演出が可能です。 表示順の切り替え対応 カスタムCSSで設定を変えるだけで、桁の並び順（上下）を切り替えられます。（詳細は下記「カスタムCSSについて」をご覧ください） ■ 導入手順 【1】 わんコメへインストールする わんコメのメニューから「テンプレート」を開き、ダウンロードしたzipファイルをドラッグ＆ドロップするか、 右上のフォルダアイコンをクリックしてzipファイルを選択し、インストールします。 【2】 OBSへ設定する わんコメのテンプレート一覧からインストールしたテンプレートを見つけ、 「ここをドラッグしてOBSに入れる」をOBSのソースパネルにドラッグ＆ドロップします。 OBSのソース名は任意で変更できます。 【3】 ブレンド設定を確認する 必要に応じてブレンド方法の「SRGBオフ」を設定してください（色が正確に再現されます）。 ■ カスタムCSSについて OBSのブラウザソースプロパティにある「カスタムCSS」欄に以下を入力することで、グロウの色・強さや表示方向を変えられます。 :root { --glow-color: #fff; /* キャラのグロウカラー（16進数） */ --glow-color-rgb: 255, 255, 255; /* キャラのグロウカラー（R, G, B） */ --text-glow-color: #fff; /* 数字のグロウカラー（16進数） */ --text-glow-color-rgb: 255, 255, 255; /* 数字のグロウカラー（R, G, B） */ --glow-intensity: 1; /* グロウの強さ（0〜） */ /* --ktx-disp: column-reverse; */ /* 画面の下に設置する場合はコメントを外してください */ } ・デフォルト（そのまま）：画面の上に設置する場合 ・column-reverse（コメントを外す）：画面の下に設置する場合 ■ ご利用上の注意 本テンプレートはわんコメ（OneComme）との連携、およびOBSブラウザソース（Chromiumベース）での動作を前提として設計されています。