【わんコメテンプレート】コメント連想ゲーム 10デザイン|ヒントが1つずつ出る・コメントで回答・早く当てるほど高得点・ランキング【OBS/視聴者参加/クイズ】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、視聴者参加型の連想ゲーム(ヒントクイズ)です。ヒントの札が5枚並び、時間がたつごとに1枚ずつめくれます(横960×縦540、背景透明)。すべて画像を使わずプログラムで描画しています。デザインは10種類です。 ■ 画面 ・ヒントの札: 5枚。めくれる前は「?」、めくれると言葉が出ます(初期設定は15秒ごとに1枚) ・上の帯: 第N問/全M問、「もらえる点」(いまの点数が光る)、ヒントの数 ・バー: 次のヒントまで/正解発表までの残り時間 ・正解カード: 名前・アイコン・答え・何個目のヒントで当てたか・点数(紙吹雪つき) ・「正解は〇〇でした」: 全ヒントのあと15秒(設定で変更可)正解者がいなければ発表 ・正解した人のならび(アイコン・名前・点数)、全問が終わると「おしまい」と今回の上位3人 ■ 遊び方 ・コメントの全文が答えのどれかと一致したら正解。ひらがな/カタカナ・全角/半角・空白・前後の「?」「!」の違いは同じ扱い(「リンゴ」「りんご?」も正解) ・ヒント1つ目で正解なら5点、2つ目で4点、3つ目で3点、4つ目で2点、5つ目で1点 ・最初に当てた人に点数(初期設定)。設定で「ヒント中に当てた全員に、その時点の点数」にもできます ・問題は config.js に書きます(answer = 正解(言い方をいくつでも)、hints = ヒント(やさしい順に最大5つ))。初期設定で10問入っています(一般的なことばだけの見本。作品名・実在の人名は使っていません) ・答えを書くのは config.js だけ。チャットに打つ配信者のコマンドは視聴者にも見えるので、答えを打つコマンドはありません ・人ごとの合計点・正解数・いま何問目かを localStorage(キー onecomme-rensou-v1)に保存。OBS を再読み込みしても続きから進み、同じコメントで二重に数えません ・`?view=ranking` … 合計点の上位10人(480×540) ■ 配信者コマンド(配信者本人のコメントだけ有効) ・`!rensou start`(第1問から始める)/`!rensou next`(次の問題へ)/`!rensou skip`(答えを出して次の問題へ)/`!rensou reset`(得点と進み具合を消す) ・全角の「!」・全角スペースも可。`!start` のような共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません ・config.js で、問題・ヒントの間隔・正解発表までの秒数・skip のあとの待ち時間・全員に点数(firstOnly)・回答できない名前を変えられます ・デザイン10種:ネオン/パステル(ゆめかわ)/レトロゲーム風ドット/和風(短冊の縦書き)/ミニマル白/ミニマル黒/肉球・猫/宇宙・星空/宝石/ターミナル(緑文字) ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示。見本に出る名前はすべて架空です ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅960・高さ540を設定し、好きな位置に置く 4. zip の中の config.js に問題を書く(初期設定の10問のままでも遊べます) 5. 配信者が `!rensou start` とコメントすると第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等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット(2,980円) https://moonlitprops.booth.pm/items/8924071

