【わんコメテンプレート】TRPG配信 ステータス表示 10デザイン|HP・MP・SANのバーをコマンドで増減・ダメージ演出・視聴者の応援【OBS/ココフォリア配信/CoC】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、TRPG配信用のステータス表示です。横1280×縦720・背景透明。キャラクターごとのカード(名前・HP・MP・SAN のバー・「いま / 最大」の数字)が画面の下に並び、配信者のコマンドで増減します。項目名(HP・MP・SAN)は config.js で変えられるので、CoC 以外のシステムにも使えます(項目は1〜4個)。ココフォリア配信・Discord 通話の卓の配信・TRPG のリプレイ配信に。カード・バー・札・揺れ・光・数字はすべて画像を使わずプログラムで描画しています。デザインは10種類です。 当店の「コメントダイス」(TRPG配信向け)と組み合わせて使えます。ダイスの出目と、キャラクターのステータスを、同じ配信画面に並べて見せられます。 ■ 流れ 1. config.js の pcs にキャラクターの名前と値を書く(例 `{name: '探索者A', hp: 11, mp: 12, san: 60}`)。値は最大値でもあり、はじめの値でもあります。画面にカードが並びます(有料版は6枚まで) 2. 配信者が `!st 探索者A hp -3` と書くと、A の HP が3減ります。カードが揺れて、赤く光り、「-3」が飛びます。0 より下にはなりません 3. `!st 探索者A hp +2` で増えます(緑に光って「+2」が飛ぶ。最大値より上にはなりません)。`!st 探索者A hp = 8` でその値に、`!st 探索者A hp max 14` で最大値を変えます 4. 1回で最大値の20%以上減ると、強い揺れと、画面のふち全体の赤い光が出ます 5. いちばん上の項目(既定は HP)が0になると、カードが灰色になって「戦闘不能」の札が付きます。0より上に戻ると外れます(札の文字は config.js の downLabel で変えられます) 6. `!st add 探索者C hp 12 mp 6 san 40` でカードを足し、`!st remove 探索者C` で消します。`!st reset` で config.js のはじめの状態に戻ります 7. 視聴者が「探索者Aがんばれ」のようにコメントすると、そのカードの応援の数(📣 12)が増えて、ハートが舞います(有料版) 8. 並べ方は `?layout=row`(画面の下に横一列。既定)と `?layout=column`(画面の右に縦一列。有料版) ■ 特長 ・キャラクターのカード: 名前・項目ごとの札・バー・「いま / 最大」の数字。名前は書かれたとおりの文字で表示され、「<b>x</b>」のようなタグも文字のまま出ます ・ダメージの演出: 減ったらカードが揺れて赤く光り、「-3」が飛びます。大ダメージ(最大値の20%以上)は強い揺れ+画面のふちの赤い光。増えたら緑に光って「+2」が飛びます ・戦闘不能: いちばん上の項目が0になるとカードが灰色になり、「戦闘不能」の札が付きます ・項目は1〜4個で、名前も config.js で自由(HP・MP・SAN のほか、正気度・幸運・気力など)。コマンドの項目は key でも label でも書けます ・視聴者の応援(有料版): コメントにキャラクターの名前と「応援」「がんばれ」「📣」があると、カードの隅の応援の数(📣 12)が +1 になり、ハートが舞います ・配信者コマンド: `!st 名前 項目 -3` / `+2` / `= 8` / `max 14` / `!st add 名前 hp 10 mp 8 san 50` / `!st remove 名前` / `!st reset`(全角の「!」・全角スペース・全角の数字も可。配信者本人のコメントだけ有効。共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません) ・コマンドはわんコメの配信者(自分のチャンネル)のコメントだけが効きます。GM が別の人のときは、配信者のアカウントでコマンドを書いてください ・記録は localStorage(キー onecomme-trpgstatus-v1)に保存され、OBS を再読み込みしても、セッションの途中で OBS を開き直しても、カードの値と応援の数が続き、同じコメントで二度数えません ・config.js で、項目(stats)・カード(pcs)・「戦闘不能」の札の文字(downLabel)・BOT 除外・アクセントカラーを変えられます ・アクセントカラー: color を変えると、カードの枠・名前の下の線・項目の札・ゲージ(バー)・応援の札のふち・光の色が変わります(文字の基本色・背景・ダメージの赤・回復の緑は変わりません) ・OBS の「ローカルファイル」で index.html を選んで入れても、自動でわんコメの URL に開き直して動きます ・デザイン10種: ネオン(夜のネオン管のカード)/ゆめかわ(パステルのカード)/ピクセル(8bit の枠)/和風(和紙のカードに朱の札)/ミニマル白/ミニマル黒/肉球・猫(やさしい暖色のカード)/宇宙(星空のカード)/宝石(紺の面に金の縁)/ターミナル(緑の線画の端末) ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示。見本に出る名前はすべて架空です ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅1280・高さ720を設定し、好きな位置に置く 4. zip の中の config.js の pcs に自分のキャラクターを書いて、配信者が「!st 名前 hp -3」と書くだけでカードが動きます ■ 動作環境 わんコメ 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の変え方・アクセントカラー・デモ表示・動作環境・利用規約) ■ 注意 ・コマンドはわんコメの配信者(自分のチャンネル)のコメントだけが効きます。GM が別の人のときは、配信者のアカウントでコマンドを書いてください。 ・特定の TRPG の公式の意匠・ロゴ・キャラクターシートには似せていません。特定の TRPG の公式商品ではありません。 ・画像・動画を生成するAIは使っていません(プログラムで描画)。プログラムと説明文はAIアシスタント(Claude)が作成しています。 ・わんコメ公式のテンプレート追加機能(zipのドラッグ&ドロップ)で導入します。フォルダを直接配置する方法ではありません。 ・コメントを使う機能(配信者のコマンド・視聴者の応援)が YouTube のコメントに反応するには、わんコメで Google ログインが必要です。 ・記録は OBS のブラウザソースの中(localStorage)に保存されます。別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。OBS をわんコメと別のパソコンで使う場合は、URL に stay=1 を付けてください(説明書に手順があります)。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です(わんコメ側の決まりです)。 ・配信・動画での使用可、収益化配信(投げ銭・広告収益等)での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート(zip・index.html・config.js等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ ダイスを振るならこちら(わんコメ コメントダイス・700円) https://moonlitprops.booth.pm/items/8941225 ▼ わんコメテンプレート 全部入りセット(2,980円) https://moonlitprops.booth.pm/items/8924071

