【わんコメテンプレート】お題当て 正解判定ボード 10デザイン|ジェスチャー・お絵かき・モノマネのお題を視聴者がコメントで当てる・配信者だけに見えるお題・自動で正解判定ほか【OBS/参加型/雑談配信】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、お題当て 正解判定ボードです。ジェスチャーやお絵かき、モノマネで出したお題を、視聴者がコメントで当てるゲームの判定ボードです。お題は配信の画面には出さず、配信者だけが見る『配信者用の画面』に表示。視聴者のコメントに答えが入っていると自動で正解になり、いちばん早く当てた人に点が入ってランキングになります。 ■ 二つの画面(配信用と配信者用) 同じテンプレートを、二つの開き方で使います。 ・配信用の画面 = 普通の URL。OBS のブラウザソースに入れます。視聴者に見せる画面で、お題は出しません(のこり時間・ヒント・正解の札・ランキング) ・配信者用の画面 = 同じ URL の末尾に `?host=1` を付けて、配信者のパソコンのブラウザで開きます。いまのお題が大きく出ます(配信には映りません。OBS には入れないでください) ・二つの画面は同じコメントを受け取り、それぞれの中で同じ計算をします。お題は「コメントの id から決まる乱数」で選ぶので、どちらの画面でも同じお題になります(説明書に図つきで書いてあります) ■ 流れ 1. OBS に配信用の画面を入れ、ブラウザで配信者用の画面(`?host=1`)を開きます。最初は「準備中」の札(第 1 問・制限時間)が出ています 2. 配信者がコメント欄に `!oa next` と書くと、お題が 1 つ決まって、のこり時間が減りはじめます(制限時間は既定 90 秒)。配信者用の画面にお題が大きく出ます。`!oa next 動物` のようにジャンルを書くか、`!oa set 1` のように番号で決めることもできます 3. 配信者がお題をジェスチャー・お絵かき・モノマネなどで伝えます 4. 視聴者がコメントで答えます。コメントの中に答え(別の書き方も)が入っていれば自動で正解です(「りんごかな?」「リンゴ!」「林檎が好き」など)。ひらがな・カタカナ・全角半角・空白・長音の違いは同じとみなします 5. いちばん早く当てた人に 3 点(有料版は 2 人目に 2 点・3 人目に 1 点)。画面の中ほどに「正解! ○○さん『りんご』 12.3 秒」の札が出て、反対側の縁のランキングに点が入ります 6. 当てた人がいないまま時間が来たら「時間切れ… 答えは りんご」の札 7. (有料版)`!oa hint` で文字数(「ヒント: 3 文字」)、もう一度で最初の1文字。`!oa rank` で正解ランキングの大きい札(上位 8 人) 8. 次の問題は `!oa next`。`!oa skip`(答えを出さずに次へ)、`!oa reveal`(答えを出して終わる)、`!oa undo`(直前の点を取り消す)、`!oa time 60`(制限時間)、`!oa reset`(すべて消す) ■ 特長 ・隅の札: 「お題当て」と状態の札(準備中/出題中/正解!/時間切れ/答え発表)、「第 4 問」、大きな「のこり 0:45」(点が出そろったら「最速 12.3 秒」)、ひとこと(「コメントで答えを当てよう!」「ヒント: 3 文字」「正解: ○○さん(12.3秒)」)、(有料版)「出題 4問」「正解 3問」「最速 8.9秒」の札 ・正解ランキングの札: 隅の反対側の縁に、順位・名前・合計点。1位の行に印。(有料版)上位 8 人と点の棒つき。(無料版)上位 3 人 ・正解の札: 「正解! ○○さん『りんご』 12.3 秒」と「+3 点」「合計 3点 現在 1位」。(有料版)2 人目・3 人目は「正解! 2人目」「+2 点」。秒数は 0 から数え上がります ・お題は配信の画面には出しません: 出題中の配信用の画面には、お題の文字を置きません(画面・札の HTML・記録のどこにも入りません)。答えは、正解の札・時間切れの札・答えの札が出たときに初めて出ます(正解の札に答えを出さない設定もできます) ・配信者用の画面: お題(大きく)・別の書き方・ジャンル・お題の番号。(有料版)次の予告 ・自動の正解判定: 1 人 1 つの問で 1 回。点が出そろったあと・時間切れのあと・答えを出したあとの答えは数えません。配信者本人のコメントと、視聴者の「!oa …」は答えに数えません ・お題 40 個(食べもの・動物・乗りもの・スポーツの一般的な言葉)と、自分で書き換えられる config.js の odai(「りんご|リンゴ|林檎」のように別の書き方も入れられます)。動物のお題は言葉だけで、絵は出ません。同じお題は全部出るまで出ません ・時間は出題の時刻との差で数えるので、OBS を再読み込みしても進み続けます ・(有料版)数字が増えるアニメーション: 正解の札の秒数が 0 から数え上がり、隅の札の「正解 3問」の札が弾みます ・位置は config.js の position で四隅から選べます(ランキングの札は反対側の縁の同じ高さ。中央の札は、どの隅でも隅の札・ランキングの札・お題の札と重なりません) ・配信者のコマンドは配信者本人のコメントだけ有効(視聴者が「!oa reveal」と書いても動きません)。全角の「!」・全角スペース・全角の数字も可 ・人の区別は視聴者の ID で行うので、名前を変えても1人1回。名前は文字として表示し(タグを書いてもそのまま文字で出ます)、12 文字までに切ります。名前 12 字×8 人・合計 999999 点でも、札からはみ出さないよう文字を縮めて収めます ・問・お題の番号・出題の時刻・正解した人と点・合計点・出したお題・札は localStorage(キー onecomme-odaiate-v1)に保存され、OBS を再読み込みしても、配信の途中で OBS を開き直しても同じ状態が続きます。同じコメントで二度数えません ・config.js で、position・timeLimit・points・revealOnCorrect・cardSeconds・odai・odaiCategory・アクセントカラーを変えられます ・アクセントカラー: color を変えると、札の枠・状態/出題/正解/最速の札・ランキングの人数の札と1位の点の札・点の札・配信者用の札の見出し・ランキングの棒・札の光線ときらきら・光の色が変わります(文字の基本色・札の地は変わりません) ・OBS の「ローカルファイル」で index.html を選んで入れても、自動でわんコメの URL に開き直して動きます ・デザイン10種: ネオン(夜のネオン管の札)/ゆめかわ(パステルの札)/ピクセル(8bit の枠)/和風(茶の札に金の縁)/ミニマル白/ミニマル黒/肉球・猫(やさしい暖色の札)/宇宙(星空の札)/宝石(紺の面に宝石色の縁)/ターミナル(緑の線画の端末) ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示。音は鳴りません ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅1280・高さ720を設定し、画面いっぱいに置く 4. 配信者のブラウザで、同じ URL の末尾に `?host=1` を付けて開く(配信者用の画面) 5. 配信者が `!oa next` と書くと、お題が決まります ■ 動作環境 わんコメ 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の変え方・アクセントカラー・デモ表示・動作環境・利用規約) ■ 注意 ・コマンドはわんコメの配信者(自分のチャンネル)のコメントだけが効きます。視聴者のコメントで動くのは、出題中の答え(コメントの中に答えが入っているか)だけです。 ・このテンプレートは、お題当てゲームの判定(お題・時間・正解・点・ランキング)を画面に出すための道具です。ジェスチャーやお絵かきをする機能はありません(配信者が自分で演じます)。画面の見本に出てくる名前・お題・点・時間は仮のものです。 ・配信者用の画面は、わんコメと同じパソコンのブラウザで開いてください。OBS に入れるのは配信用の画面(`?host=1` なし)だけです。 ・2 人目・3 人目の点・ヒント・ランキングの大きい札・8 人のランキング・問ごとの記録・次のお題の予告・数字のアニメーションは有料版の機能です。 ・点は遊びの得点です(ランキングのための数字で、ほかの物と交換する機能はありません)。 ・画像・動画を生成するAIは使っていません(プログラムで描画)。プログラムと説明文はAIアシスタント(Claude)が作成しています。 ・わんコメ公式のテンプレート追加機能(zipのドラッグ&ドロップ)で導入します。フォルダを直接配置する方法ではありません。 ・コメントを使う機能(配信者のコマンド・視聴者の答え)が YouTube のコメントに反応するには、わんコメで Google ログインが必要です。 ・記録は OBS のブラウザソースの中と、配信者用の画面を開いたブラウザの中に、別々に保存されます。別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。OBS をわんコメと別のパソコンで使う場合は、URL に ?stay=1 を付けてください(説明書に手順があります)。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です(わんコメ側の決まりです)。 ・配信・動画での使用可、収益化配信(投げ銭・広告収益等)での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート(zip・index.html・config.js等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット(2,980円) https://moonlitprops.booth.pm/items/8924071

