【わんコメ対応】同接・視聴者数カウンター「ヒヨコ」【OBS/かわいい/カウンター】

  • ダウンロード商品
    ¥ 500

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

オーダー制作について

kentax design 全製品共通利用規約

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