【わんコメ対応】同接・視聴者数カウンター「シマエナガ」【OBS/かわいい/カウンター】

  • ダウンロード商品
    ¥ 500

■ ライブビューカウンター「シマエナガ」 ぽこぽこ踊るシマエナガが、同時接続数を愛らしく知らせてくれる。 同時接続数の桁ごとに、シマエナガがその数だけ並んで踊る、わんコメ対応テンプレートです。 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ベース)での動作を前提として設計されています。

オーダー制作について

kentax design 全製品共通利用規約

【わんコメ対応】同接・視聴者数カウンター「シマエナガ」【OBS/かわいい/カウンター】
■ ライブビューカウンター「シマエナガ」 ぽこぽこ踊るシマエナガが、同時接続数を愛らしく知らせてくれる。 同時接続数の桁ごとに、シマエナガがその数だけ並んで踊る、わんコメ対応テンプレートです。 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ベース)での動作を前提として設計されています。