わんコメ（OneComme）のカスタムテンプレートとして使う、コメント参加型の羽根つきです。横1280×縦720・背景透明。左に紅チーム、右に白チームの陣地があり、それぞれに丸い顔の羽子板の絵（チームの顔）、真ん中の上に点数とラリーの数が出ます。視聴者が紅白のチームに分かれて対戦する、お正月の遊びです。新年の初配信にも、チーム対抗の企画にも。羽子板・羽根・墨の落書き・鏡餅・梅・紙吹雪はすべて画像を使わずプログラムで描画しています。デザインは10種類です。 ■ 流れ 1. 視聴者が「紅」（「あか」「🔴」でも可）か「白」（「しろ」「⚪」でも可）とコメントする。そのチームに入って、陣地に名前が並びます（各チーム20人まで。超えたら「ほか ○人」）。試合の前なら、書き直すとチームが変わります 2. 配信者が `!hane start` と書くと試合開始。羽根は紅の陣地から出ます 3. 羽根のある陣地のチームの人が「カン」「こん」「えい」（config.js の hitWords）とコメントすると1打。制限時間（既定8秒）のうちに、そのチームで合わせて必要な打数（既定3打）がたまると、羽根を相手の陣地へ打ち返します（「カーン！」の演出。ラリー +1） 4. 時間内に足りなければ「ぽとっ」と落ちて、相手チームに1点。落としたチームの羽子板の顔に、墨の落書きが1つ増えます（丸・ばつ・ひげ・めがね・ぐるぐるの順。かわいい落書きです） 5. 落としたチームの陣地から、次の羽根が始まります 6. 先に勝ちの点数（既定5点）を取ったチームの勝ち。勝利の演出と、そのチームでいちばん多く打った人を「羽根つき名人」として名前を大きく出します 7. スパチャ・ギフトを送った人は、羽根がその人のチームの陣地にあれば、すぐに打ち返します（有料版） 8. `!hane reset` でチームも点数も消します（打った数の記録は残ります） 9. `?view=ranking` で、打った数の多い順に上位10人の「羽根つき名人」ランキングを出します（有料版） ■ 特長 ・紅白の陣地: 左が紅、右が白。名前は入った順に並び、人数も出ます。名前・コメントは書かれたとおりの文字で表示され、「<b>x</b>」のようなタグも文字のまま出ます ・羽子板の顔: 丸い顔のかわいい羽子板の絵（人の顔ではありません）。落としたぶんだけ、墨の落書きが1つずつ増えます ・打ち返しの札: 羽根のある陣地、あと何打か（丸の数）、残り時間（棒）が出ます ・羽根: 打ち返しで相手の陣地へ弧を描いて飛び、落ちるときは「ぽとっ」と落ちます ・勝利の演出: 勝ったチーム・点数・「羽根つき名人」を大きく出して、紙吹雪が舞います ・スパチャ・ギフトでの打ち返し（有料版）: 羽根が自分のチームの陣地にあれば、すぐに打ち返します ・羽根つき名人ランキング（有料版）: `?view=ranking` で、打った数（通算）の上位10人を棒グラフつきで表示します ・配信者コマンド: `!hane start` / `!hane reset`（全角の「！」・全角スペースも可。配信者本人のコメントだけ有効。共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません） ・記録は localStorage（キー onecomme-hanetsuki-v1）に保存され、OBS を再読み込みしても、チーム・点数・落書き・打った数が続き、同じコメントで二度数えません ・config.js で、チーム名（teamNames）・打つ言葉（hitWords）・制限時間（hitSeconds）・必要な打数（hitNeed）・勝ちの点数（winPoints。有料版）・BOT 除外・アクセントカラーを変えられます ・アクセントカラー: color を変えると、陣地と点数の札の枠、「試合中」「ラリー」の札、打ち返しの札の枠と棒と丸、名前の札の縁、羽根の光、勝利の札、紙吹雪の一部の色が変わります（文字の基本色・背景・紅白のチームの色は変わりません） ・OBS の「ローカルファイル」で index.html を選んで入れても、自動でわんコメの URL に開き直して動きます ・デザイン10種: ネオン（夜の初詣のネオン管）／ゆめかわ（パステルの紅白）／ピクセル（8bit の看板）／和風（和紙に墨と朱）／ミニマル白／ミニマル黒／肉球・猫（やさしい暖色）／宇宙（初日の出前の星空）／宝石（紺の面に金の縁、ルビーの紅）／ターミナル（緑の線画の hanetsuki.exe） ・背景は透明。外部フォント・外部画像は使わず、システムフォント＋プログラム描画で表示。見本に出る名前はすべて架空です ■ こう使う 1. 使いたいデザインのzip（例: neon.zip）を、わんコメの「テンプレート」画面にドラッグ＆ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ＆ドロップする（OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます） 3. OBSのブラウザソースの幅1280・高さ720を設定し、好きな位置に置く 4. 視聴者さんが「紅」「白」でチームに入り、配信者が「!hane start」と書くだけで試合が始まります ■ 動作環境 わんコメ 9.1 以降 ＋ OBS のブラウザソース。表示中はわんコメを起動しておいてください（テンプレートはわんコメ本体の OneSDK を読み込みます）。文字の表示に、お使いの PC の日本語フォントを使います。 ■ 同梱 ・デザイン別テンプレート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チームで対決するならこちら（わんコメ コメント綱引き・700円） https://moonlitprops.booth.pm/items/8912090 ▼ わんコメテンプレート 全部入りセット（2,980円） https://moonlitprops.booth.pm/items/8924071