【わんコメテンプレート】みんなのミッションボード 10デザイン|初見さん・コメント・スパチャ・キーワードで進む共同ミッション・秘密ミッション付き【OBS/視聴者参加】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、みんなのミッションボードの表示です。画面(560×640、背景透明)に見出しとミッションのカード(3〜6枚)が並び、視聴者さんのコメントで進み具合の棒と数が進みます。達成するとカードに「CLEAR」のはんこが押され、全部達成すると大きな帯と紙吹雪が出ます。すべて画像を使わずプログラムで描画しています。デザインは10種類です。 ■ できること ・ミッションの種類(config.js の missions に並べるだけ) newViewers … 初見さんの人数(この配信で初めてコメントした人) comments … コメントの数 word … コメントに決めた言葉(例「888」「かわいい」)を含む回数 people … コメントした人数(同じ人は1人) superchatYen … スパチャ・ギフトの合計金額(円) members … メンバー加入の人数 manual … 配信者が手で進める(例「ボスを倒す」) ・既定は5枚: 初見さん3人/「888」10回/コメントした人20人/スパチャ・ギフト合計3,000円/秘密(コメント300件)。名前・目標の数・言葉は自由に変えられる ・秘密ミッション(secret: true)は、達成するまでカードの内容が「???」。達成すると内容が現れる ・配信者のコマンド(配信者本人のコメントだけが有効。配信者のコメントはミッションに数えない) `!mission 3 +1` / `!mission 3 -1` / `!mission 3 clear` … 3枚目を進める・戻す・達成にする `!reset` … 全部のミッションを0に戻す(新しい配信の最初に) ・全部達成すると、大きな帯(文字は config.js の allClearText で変更)と紙吹雪 ・配信者本人と excludeNames(既定 Nightbot・StreamElements)のコメントは数えない ・記録は localStorage に保存(各ミッションの数・達成・処理済みのコメント id 直近5000件・この配信で見た人)。OBS を再読み込みしても達成が残り、二重に数えない ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示 ・デザイン10種:ネオン/パステル(ゆめかわ)/レトロゲーム風ドット/和風/ミニマル白/ミニマル黒/肉球・猫/宇宙・星空/宝石/ターミナル(緑文字)。カードの形・棒・はんこ・紙吹雪の形がデザインごとに変わります ■ 配信者コマンドの書き方 ・`!mission reset` のように、頭に `!mission ` を付けても同じ動きをします(全角の「!」・全角スペースも可) ・config.js の plainCommands が true(既定)のときは、今までの `!reset` などの書き方も使えます ■ 複数のテンプレートを同時に使うとき config.js の plainCommands を false にして、`!mission reset` のように商品名つきで打ってください(`!reset` だけだと、同時に使っている当店の他のテンプレートもリセットされます)。 ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする 3. OBSのブラウザソースの幅560・高さ640を設定し、好きな位置に置く 4. config.js の missions を好きなミッションに書き換える(そのままでも使える) 5. 配信の最初に配信者が「!reset」とコメントして、視聴者さんのコメントでミッションを進める ■ 動作環境 わんコメ 9.1 以降 + OBS のブラウザソース。表示中はわんコメを起動しておいてください(テンプレートはわんコメ本体の OneSDK を読み込みます) YouTube のコメントで反応するには、わんコメ側で Google ログインが必要です(わんコメ 9 系の仕様)。 ツイキャス・Twitch なども、わんコメでそれぞれの配信サイトに接続すれば反応します。 ■ 同梱 ・デザイン別テンプレート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 ログインが必要です。 ・「初見さん」は、このボードの記録の中で初めてコメントした人です(わんコメが付ける初見の印とは別の数え方です)。新しい配信の最初に !reset をしてください。 ・記録は OBS のブラウザソースの中(localStorage)に保存されます。OBS に入れたソースだけが覚えていて、別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です(わんコメ側の決まりです)。 ・配信・動画での使用可、収益化配信(投げ銭・広告収益等)での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート(zip・index.html・config.js等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット(2,980円) https://moonlitprops.booth.pm/items/8924071


