【わんコメテンプレート】コメント診断 10デザイン|「診断」で前世・動物・RPG職業がわかる・自作の診断も作れる・今日の内訳【OBS/視聴者参加】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、コメント参加型の診断カードです。横720×縦440、背景透明で、ゲーム画面や立ち絵の上に重ねます。すべて画像を使わずプログラムで描画しています。デザインは10種類で、カードがデザインごとに着替わります(ネオンの光る占い看板/ゆめかわのハートの占いカード/ピクセルのステータス画面/和風のおみくじ札/ミニマル白・黒/肉球のねこの占い/宇宙の星占い/宝石の金のカード/ターミナル)。占い・診断が好きな雑談配信、初見さんとの交流、コメントが少ない配信の盛り上げにどうぞ。 ■ 流れ 1. 視聴者さんが「診断」「しんだん」「🔮」とコメントする 2. カードに「診断中…」と出る(1.5秒) 3. カードがめくれて、結果の名前・一言の説明・相性のいいタイプ・ラッキーアイテムが出る 4. 1人1回。結果は名前から決まります(同じ名前は、同じ配信で何度引いても同じ結果) ■ 同梱の3つの診断(結果は各16種。どれも前向きな言い方で、人を傷つけません) ・前世診断: 「森の魔法使い」「海賊船の料理長」「お城の猫」「月のうさぎ」「灯台の守り人」「旅の楽師」… ・動物診断: 「のんびりカピバラ」「好奇心ねこ」「しっかりペンギン」「元気なこいぬ」「賢いふくろう」… ・RPG職業診断: 「勇者」「僧侶」「吟遊詩人」「錬金術師」「村人A(最強)」「魔法使い」「戦士」… ・配信者が `!shindan type 前世`(前世/動物/職業)と書くと切り替わります。視聴者さんが「前世」「動物」「職業」とコメントすると、その診断を直接引くこともできます ■ 有料版だけの機能 ・動物診断・RPG職業診断・配信中の診断の切り替え(`!shindan type`) ・自作の診断: config.js の custom に、診断の名前と結果のリストを書くと、4つ目の診断として使えます(見本の「おやつ診断」入り。書き方の例が説明書にあります) ・今日の結果の内訳: URL の最後に ?view=stats を付けると(480×720)、今日の結果が「森の魔法使い 5人」のように多い順に並びます。配信の最後に流す用 ・perType: 診断の種類ごとに1回ずつ引ける設定 ・10デザイン(無料版はミニマル黒の1種類) ■ 配信者コマンド ・`!shindan`(テスト。記録に入りません)/`!shindan type 動物`(診断を切り替える)/`!shindan reset`(記録を消して、結果の組み合わせを新しくする) ・全角の「!」・全角スペースも可。配信者本人のコメントだけ有効。「!reset」のような共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません ■ 記録と表示 ・人ごとの結果・処理済みのコメントは localStorage(キー onecomme-shindan-v1)に保存。OBS を再読み込みしても、引いた人は引き済みのままで、同じコメントで二度引かれません ・config.js で、反応する言葉・診断の中身(結果の名前・説明・相性・ラッキーアイテム)・結果の表示秒数・引き直しの許可・アイコン表示を変えられます ・複数の人が続けてコメントしたときは、順番に1枚ずつ出ます。背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示。見本に出る名前はすべて架空です ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅720・高さ440を設定する 4. 配信中に「診断」とコメントして試す(試すだけなら配信者のコメントで `!shindan`。URL の末尾に ?demo=1 を付けると見本が流れます) ■ 動作環境 わんコメ 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 ログインが必要です。 ・記録は OBS のブラウザソースの中(localStorage)に保存されます。別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。OBS をわんコメと別のパソコンで使う場合は、URL に ?stay=1 を付けてください(説明書に手順があります)。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です(わんコメ側の決まりです)。 ・配信・動画での使用可、収益化配信(投げ銭・広告収益等)での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート(zip・index.html・config.js等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ 運勢を占うならこちら(わんコメ 配信おみくじ・600円) https://moonlitprops.booth.pm/items/8889550 ▼ わんコメテンプレート 全部入りセット(2,980円) https://moonlitprops.booth.pm/items/8924071

