自分の配信用に作った、わんコメ連動の「流れるコメント」テンプレートです。 せっかくなので、無料版も公開します！ コメントがニコ動風に右から左へ流れます。 OBSのブラウザソースの幅・高さを変えることで、画面全体にも、上部だけにも、好きな範囲に表示できます。 本テンプレートは、わんコメから受信したコメントを、重なりを避けながら右から左へ移動表示するものであり、動画の再生時間を取得・管理したり、コメントを動画の再生時間に対応付けて同期表示したりする機能はありません。 ■ 主な機能 ・わんコメで取得したコメントを右から左へ表示 ・背景透過で、ゲーム画面や配信画面に重ねて使用可能 ・ブラウザソースの大きさに合わせて表示範囲・段数を自動調整 ・コメント同士が重ならないように振り分け ・YouTubeのスパチャは通常コメントと文字色を分けて表示 ・名前、アイコン、金額は追加せず、コメント本文だけを表示 ■ 配布内容・価格 【無料版／0円】 通常コメントは白、スパチャは金色で固定。 どちらも黒い縁取り付きです。 まず試してみたい方や、そのままの色で使いたい方向けです。 【色変更対応版／300円】 OBSの「カスタムCSS」で、通常コメントとスパチャの文字色をそれぞれ変更できます。 カラーコードを書き換えるだけで設定でき、テンプレートのファイル編集は不要です。 スパチャは金額に関係なく共通の1色です。 金額帯ごとの色分けはありません。 【ご支援いただける方／500円】 内容は300円の色変更対応版と同じです。 制作・活動を応援したい方向けの支援用です。追加機能や特典はありません。 ■ 導入方法 ① ダウンロードしたZIPを、解凍せずにわんコメのテンプレート一覧へ追加 ② 追加されたテンプレートをOBSへドラッグ ③ OBSのブラウザソースのプロパティで、幅・高さを設定 ④ 好きな場所へ配置して使用 表示範囲の例 ・画面全体：1920×1080 ・画面上部：1920×300 OBS上で枠を拡大・縮小すると、文字も一緒に伸縮します。 文字サイズを保って表示範囲だけ変えたい場合は、プロパティの「幅・高さ」を変更してください。 ■ 色変更対応版の設定方法 OBSのブラウザソースのプロパティを開き、「カスタムCSS」の末尾に以下を追記してください。 :root { --comment-color: #ffffff; --superchat-color: #ffd700; } 「--comment-color」が通常コメントの色、 「--superchat-color」がスパチャの色です。 それぞれのカラーコードを書き換えて使用してください。 コピー用のCSSと詳しい導入説明はZIP内に同梱しています。 ■ 使用環境・補足 ・わんコメとOBSが必要です。 ・初期設定は文字サイズ48px、速度240px／秒です。 ・文字サイズや速度などは、同梱のconfig.jsで調整できます。 ・専用絵文字は画像ではなく、代替テキストで表示します。 ・本文のないスパチャは文字を流しません。 ・大量のコメントを受信した場合は順番待ちになり、一部が省略されることがあります。 ・商品画像の黒背景は表示見本です。本番の背景は透過です。 本商品は、わんコメ公式の制作物ではありません。 キツネ式テンプレート自体のクレジット表記は任意です。 無料版わんコメをご利用の場合は、わんコメの利用規約に従って概要欄等へクレジットを記載してください。 配信者のためのコメントアプリ「わんコメ」 https://onecomme.com