【わんコメテンプレート】TRPG立ち絵ハイライト 10デザイン|話している人の立ち絵を明るく大きく・ほかは暗く・表情差分の切り替え・名前:で自動切り替え【OBS/TRPG配信/ココフォリア配信】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、TRPG 配信用の立ち絵ハイライトです。TRPG 配信で、PL・KP の立ち絵を画面の下に並べて、いま話している人を明るく・少し大きく見せます。立ち絵は自分の PNG を置くだけ。立ち絵は付属しません(見本はシルエット)。横1280×縦720・背景透明。CoC などの卓、ココフォリアの配信画面と組み合わせて、いま話しているのがだれかを視聴者に伝えられます。デザインは10種類です。 ■ 流れ 1. 立ち絵にしたい PNG(背景が透明な絵)を、テンプレートのフォルダの images に置き、config.js の members に「名前・画像・色・役割(PL/KP/GM)」を書きます 2. 配信者がコメント欄に `!ta 探索者A` と書くと、その人の枠が明るく・少し大きくなって光り、ほかの人は少し暗くなります 3. 話す人が変わったら `!ta 探索者B` と書き直します。みんなが静かなら `!ta off` で全員ふつうの明るさに戻ります 4. 立ち絵を置いていない人は、顔の無いシルエットで出ます。人数は有料版で8人まで(無料版は4人) ■ 特長 ・配信者のコマンド: `!ta 名前`(話し中に)・`!ta off`(全員ふつうに)・`!ta hide 名前`/`!ta show 名前`(隠す/戻す)。全角の「!」・全角スペースも可 ・話し中の人は、枠が少し大きくなって浮き、明るく光ります。ほかの人は少し暗くなります ・立ち絵の PNG は、images フォルダに置いて config.js に相対パスで書くだけ。外部の URL は読まないので、配信中にネットワークの状態に左右されません ・画像が無い人・読めない人は、顔の無いシルエットが代わりに出ます(人数を先に決めて、立ち絵は後から入れられます) ・position で、立ち絵を並べる場所を画面の下・左・右から選べます。人数が増えると枠は小さくなって画面に収まります ・(有料版)表情差分: images に「元の名前_1.png」「元の名前_2.png」のように置いた差分へ `!ta face 探索者A 2` で切り替え。`!ta face 探索者A 0` でふつうの絵に戻ります(番号は 1〜9) ・(有料版)autoSpeak: config.js で true にすると、配信者のコメントの頭が「探索者B:」「探索者B:」のとき、その人を自動で話し中にします。視聴者のコメントでは変わりません。コマンドを打たずに、ふだんの発言の書き出しだけで切り替えられます ・(有料版)話し中の人の頭の上に「▶ 探索者A」の名前札が出ます(showTag で出し入れ) ・(有料版)`!ta order KP 探索者C` で並び替え。8人まで並べられます ・配信者のコマンド・autoSpeak は配信者本人のコメントだけ有効(視聴者が「!ta 探索者A」「探索者B: …」と書いても動きません) ・名前・役割は文字として表示します(タグを書いてもそのまま文字で出ます) ・記録は localStorage(キー onecomme-tachie-v1)に保存され、並び・隠した人・差分の番号・話し中の人は、OBS を再読み込みしても、セッションの途中で OBS を開き直しても続きます。同じコメントで二度動きません ・config.js で、position・members(name・image・color・role)・autoSpeak・showTag・アクセントカラーを変えられます ・アクセントカラー: color を変えると、話し中の人の枠・光・名札の帯・名前札・役割の札の枠の色が変わります(文字の基本色・枠の地・立ち絵は変わりません) ・OBS の「ローカルファイル」で index.html を選んで入れても、自動でわんコメの URL に開き直して動きます(images の立ち絵もそのまま読めます) ・デザイン10種: ネオン(夜のネオン管の枠)/ゆめかわ(パステルの枠)/ピクセル(8bit の枠)/和風(茶の枠に金の縁)/ミニマル白/ミニマル黒/肉球・猫(やさしい暖色の枠)/宇宙(星空の枠)/宝石(紺の面に宝石色の縁)/ターミナル(緑の線画の端末) ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示。音は鳴りません ■ 立ち絵について ・立ち絵は付属しません。付属の images の PNG(pl1.png など)は、配置を確かめるための、顔の無い図形のシルエットです(人・動物の顔は描いていません) ・自分の立ち絵(背景が透明な縦長の PNG がおすすめ)を同じ名前で入れ替えるか、好きな名前を付けて config.js の image に書いてください ・ご自身で用意した絵・素材の権利は、ご自身でご確認ください ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅1280・高さ720を設定し、画面いっぱいに置く(立ち絵の枠は、話し中の人がいないあいだも出ています) 4. config.js の members を自分の卓の人に書き換え、images に立ち絵を置く。配信者が `!ta 名前` と書いて切り替える ■ 動作環境 わんコメ 9.1 以降 + OBS のブラウザソース。表示中はわんコメを起動しておいてください(テンプレートはわんコメ本体の OneSDK を読み込みます)。 ■ 同梱 ・デザイン別テンプレートzip 10個(neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js + images フォルダ〔見本のシルエット12枚〕) ・説明書.txt(導入手順・立ち絵の置き方・配信者のコマンド・表情差分・autoSpeak・状態の記録・無料版との違い・config.jsの変え方・アクセントカラー・デモ表示・動作環境・利用規約) ■ 注意 ・コマンドはわんコメの配信者(自分のチャンネル)のコメントだけが効きます。視聴者のコメントでは動きません。 ・画像・動画を生成するAIは使っていません(プログラムで描画。見本のシルエットもプログラムで描いた図形です)。プログラムと説明文はAIアシスタント(Claude)が作成しています。 ・わんコメ公式のテンプレート追加機能(zipのドラッグ&ドロップ)で導入します。フォルダを直接配置する方法ではありません。 ・コメントを使う機能(配信者のコマンド)が YouTube のコメントに反応するには、わんコメで Google ログインが必要です。 ・記録は OBS のブラウザソースの中(localStorage)に保存されます。別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。OBS をわんコメと別のパソコンで使う場合は、URL に ?stay=1 を付けてください(説明書に手順があります)。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です(わんコメ側の決まりです)。 ・配信・動画での使用可、収益化配信(投げ銭・広告収益等)での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート(zip・index.html・config.js・見本のシルエット画像等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット(2,980円) https://moonlitprops.booth.pm/items/8924071

