【わんコメテンプレート】おそろいコメント欄 10デザイン|ネオン・ゆめかわ・ドット・和風・ターミナルほか・横/1行/縦型の3レイアウト・初見/メンバー/スパチャ対応【OBS/コメントCSS】
- ダウンロード商品¥ 700


■ このテンプレートのコメント欄の使いどころ 当店のわんコメテンプレートと見た目をそろえたコメント欄を、画面に置くだけで用意できます。 ■ 購入前に選び方を確認 ・まず動作や操作を試す → 無料版 https://moonlitprops.booth.pm/items/8964106 ・この機能を10デザインで使う → この単品(700円) ・配信企画や演出をまとめてそろえる → 全部入り(2,980円) https://moonlitprops.booth.pm/items/8924071 全部入りの内容は商品ページでご確認ください。重複購入にご注意ください。 ■ はじめて導入する方へ 1. 商品のzipをダウンロードし、外側のzipを展開します。 2. 中にあるデザイン別zip(neon.zipなど)を1つ選び、zipのまま、わんコメの「テンプレート」画面にドラッグ&ドロップします。 3. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSへドラッグします。 4. OBSのブラウザソースの幅・高さを、同梱の説明書どおりに設定します(横型は幅400・高さ900)。 5. わんコメを起動し、配信サイトへの接続を確認してからコメントを送ります。 無料版も外側のzipを展開し、中の minimal-dark-free.zip を追加します。商品zip全体や展開したフォルダを、そのまま追加しないでください。 表示が出ない場合は、コメントが必要な演出か、わんコメへの接続、OBSのURLとサイズを順に確認してください。人ごとの動きは、コメントテスターの投稿者名を変えて試します。 わんコメ(OneComme)のカスタムテンプレートとして使う、コメント欄の見た目テンプレートです。画面(既定は横型 400×900、背景透明)に、コメントが下から積み上がり、古いものは上へ流れます。1コメントはアイコン・名前・本文(絵文字・スタンプ画像はわんコメが渡すものをそのまま表示)。アイコンが取れないときは名前の1文字目を丸の中に出します。すべて画像を使わずプログラムで描画しています。デザインは10種類です。 ■ できること ・バッジ: 初見「初」、メンバー「M」、モデレーター「★」、配信者「主」 ・スパチャ・ギフト・ビッツ・メンバー加入は、金額つきの濃い色のカードで表示(金額の段階は7段。色は config で変えられます) ・初見のコメントをふわっと光らせる(highlightFirst) ・3つのレイアウト(config の layout、または URL に ?layout=oneline など) list … 横型 400×900(既定) oneline … 画面下にぴったり1行(1920×80)。歌枠・ゲーム配信用。新しいコメントで入れ替わる tate … 縦型配信 1080×1920 の下 1/3 用(1080×600)。文字大きめ ・設定: fontSize(既定20)・maxItems(既定12)・direction(下から積む/上から積む)・align(左寄せ/右寄せ)・fadeSec(何秒かで薄く消える。既定は消さない)・showIcon ・配信者のコマンド(配信者本人のコメントだけが有効) `!cbox clear` … 表示を消す `!cbox pause` … 流れを止める `!cbox resume` … 再開 ・記録は持ちません(localStorage に何も保存しません)。OBS を再読み込みすると空から始まります ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示 ・デザイン10種:ネオン(縁が光る)/ゆめかわ(吹き出しにリボン)/レトロゲーム風ドット(8bitの枠・等幅)/和風(和紙と朱の名札)/ミニマル白/ミニマル黒(線だけ)/肉球(吹き出しのしっぽが肉球)/宇宙(星がまたたく)/宝石(面取りのガラス)/ターミナル(「> 名前: 本文」の1行形式・カーソルが点滅) ■ 当店のわんコメテンプレートとそろえて使う 当店のわんコメテンプレート(ルーレット・称号・おみくじなど)と同じ10デザインです(ネオン・ゆめかわ・ドット・和風・ミニマル白黒・肉球・宇宙・宝石・ターミナル)。同じ名前のデザインどうしを組み合わせると、画面の見た目がそろいます。 ■ 配信者コマンドの書き方 ・コマンドはすべて `!cbox ` で始めます(全角の「!」・全角スペースも可)。コマンドのコメント自体は画面に出ません。`!reset` のような共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅400・高さ900を設定し、好きな位置に置く(1行は幅1920・高さ80、縦型は幅1080・高さ600) 4. わんコメに届いたコメントが、そのまま画面のコメント欄に並ぶ ■ 動作環境 わんコメ 9.1 以降 + OBS のブラウザソース。表示中はわんコメを起動しておいてください(テンプレートはわんコメ本体の OneSDK を読み込みます) ■ 同梱 ・デザイン別テンプレートzip 10個(neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js) ・説明書.txt(導入手順・画面の見方・レイアウト・配信者のコマンド・config.jsの変え方・記録・デモ表示・動作環境・利用規約) ■ 注意 ・画像・動画を生成するAIは使っていません(プログラムで描画)。プログラムと説明文はAIアシスタント(Claude)が作成しています。 ・わんコメ公式のテンプレート追加機能(zipのドラッグ&ドロップ)で導入します。フォルダを直接配置する方法ではありません。 ・YouTube のコメントで反応するには、わんコメで Google ログインが必要です。 ・コメントの内容を画面に出すだけで、不適切なコメントを自動で隠す機能はありません。必要な場合は、わんコメ側の設定で非表示にしてください。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です(わんコメ側の決まりです)。 ・配信・動画での使用可、収益化配信(投げ銭・広告収益等)での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート(zip・index.html・config.js等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット(2,980円) https://moonlitprops.booth.pm/items/8924071 ■ 新作の通知を受け取るには ショップをフォローすると、新作の通知が届きます: https://moonlitprops.booth.pm/ 新作のお知らせ・使い方のコツ・作例の共有は Discord で: https://discord.gg/af4asvUYEm 無料で試せる小物 3 点(0 円): https://moonlitprops.booth.pm/items/8943166

