■ ライブビューカウンター「シマエナガ」 ぽこぽこ踊るシマエナガが、同時接続数を愛らしく知らせてくれる。 同時接続数の桁ごとに、シマエナガがその数だけ並んで踊る、わんコメ対応テンプレートです。 1の位なら最大9羽、10の位なら最大9羽……と、数字をキャラクターで直感的に表現します。 わんコメを使って、OBSのブラウザソースにそのまま追加できます。 ■ このテンプレートの特徴 シマエナガが視聴者数を表現 同時接続数の各桁を、数字の値ぶんのシマエナガで表示。数が増えるほどキャラクターが増え、配信画面を賑やかに彩ります。 ゆらゆらカスケードアニメーション 表示が切り替わるたびに、シマエナガたちが順番にぷるぷると踊り出すアニメーションが再生されます。 グロウカラーをカスタマイズ可能 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ベース）での動作を前提として設計されています。