【わんコメテンプレート】着せかえコメント欄 10テーマ|トークアプリ風・新聞・手帳・映画字幕・ニュース速報・RPG・付箋・黒板・巻物・ネオン看板/横・1行・縦型【OBS/コメントCSS】
- Digital700 JPY


■ このテンプレートのコメント欄の使いどころ 配信の雰囲気に合わせて、コメント欄ごと着せかえられます。トークアプリ風の吹き出し、新聞の記事、手帳の付箋、映画の字幕、ニュース速報、RPG のメッセージ、黒板のチョーク、巻物、ネオン看板まで、画面に置くだけで用意できます。 ■ 購入前に選び方を確認 ・まず動作や操作を試す → 無料版 https://moonlitprops.booth.pm/items/8965807 ・この機能を10テーマで使う → この単品(700円) ・配信企画や演出をまとめてそろえる → 全部入り(2,980円) https://moonlitprops.booth.pm/items/8924071 全部入りの内容は商品ページでご確認ください。重複購入にご注意ください。 ■ はじめて導入する方へ 1. 商品のzipをダウンロードし、外側のzipを展開します。 2. 中にあるテーマ別zip(talk.zipなど)を1つ選び、zipのまま、わんコメの「テンプレート」画面にドラッグ&ドロップします。 3. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSへドラッグします。 4. OBSのブラウザソースの幅・高さを、同梱の説明書どおりに設定します(横型は幅400・高さ900)。 5. わんコメを起動し、配信サイトへの接続を確認してからコメントを送ります。 無料版も外側のzipを展開し、中の talk-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種: talk(トークアプリ風。左に他人の吹き出し、配信者は右寄せの緑の吹き出しと「既読」)/newspaper(新聞。生成りの紙・明朝の見出し・段組の罫線、名前は「〇〇記者」)/techo(手帳。方眼の紙・マスキングテープ・丸ゴシック)/jimaku(映画字幕。画面下中央に白い字幕と黒い縁取り、名前は小さく左に)/sokuho(ニュース速報。赤い「速報」の札と白い帯が上から横に流れて入る)/rpg(RPG のメッセージウィンドウ。黒地に白い二重枠・等幅・点滅する▼)/fusen(付箋。色とりどりの付箋が少し傾いて貼られる)/kokuban(黒板。深緑の板・チョークの文字・白い粉のかすれ)/makimono(巻物。和紙と朱の落款風の名前の印、縦書きは縦型 tate だけ)/neonsign(ネオン看板。夜のレンガ壁に光る管の文字) ■ 当店のおそろいコメント欄とは別の10テーマです 当店の「おそろいコメント欄 10デザイン」(ネオン・ゆめかわ・ドット・和風・ミニマル白黒・肉球・宇宙・宝石・ターミナル)は、当店のわんコメテンプレートと見た目をそろえるための別商品です。この商品は、それとは別の10テーマ(トークアプリ風・新聞・手帳・映画字幕・ニュース速報・RPG・付箋・黒板・巻物・ネオン看板)で、配信の雰囲気に合わせてコメント欄を着せかえる商品です。仕組み(バッジ・スパチャのカード・コマンド・レイアウト)は同じです。 ■ 配信者コマンドの書き方 ・コマンドはすべて `!cbox ` で始めます(全角の「!」・全角スペースも可)。コマンドのコメント自体は画面に出ません。`!reset` のような共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません ■ こう使う 1. 使いたいテーマのzip(例: talk.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅400・高さ900を設定し、好きな位置に置く(1行は幅1920・高さ80、縦型は幅1080・高さ600) 4. わんコメに届いたコメントが、そのまま画面のコメント欄に並ぶ ■ 動作環境 わんコメ 9.1 以降 + OBS のブラウザソース。表示中はわんコメを起動しておいてください(テンプレートはわんコメ本体の OneSDK を読み込みます)。文字はパソコンに入っているフォントで描きます(techo・fusen は「HG丸ゴシックM-PRO」があればそれを、なければ「BIZ UDPGothic」「Yu Gothic UI」を使うため、字の形が少し変わります) ■ 同梱 ・テーマ別テンプレートzip 10個(talk / newspaper / techo / jimaku / sokuho / rpg / fusen / kokuban / makimono / neonsign、それぞれ 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

