わんコメ（OneComme）のカスタムテンプレートとして使う、コメント欄の「プレミアム版」です。画面（既定は横型 400×900、背景透明）に、コメントが下から積み上がり、古いものは上へ流れます。すべて画像を使わずプログラムで描画し、効果音もプログラムで合成して鳴らします。10のデザインは色違いではなく、形・書体・動き・飾り・効果音まで、それぞれ別の世界として作っています。ログインボーナス プレミアムと同じ10の世界観なので、組み合わせると画面がそろいます。 ■ 通常版との違い ・デザイン: 通常版 10種（色の着替え） → プレミアム 10の別の世界（形・書体・動き・飾り・効果音） ・演出: 通常版 共通の動き → プレミアム 初見・スパチャ（7段）・メンバー加入を、デザインごとに振り付け ・効果音: 通常版 なし → プレミアム デザインごとの自作の音（ON/OFF・音量・どの出来事で鳴らすかを設定できる） ・設定画面: 通常版 なし → プレミアム あり（`?view=settings`。見ながら設定・全演出のテスト表示・config.js を保存） ・書体: 通常版 システム書体 → プレミアム デザインごとの書体を同梱（SIL OFL 1.1。terminal だけシステムの等幅） ・NG ワード: 通常版 なし → プレミアム 伏せ字（`ngWords`）・隠す名前（`hideNames`）・長いコメントの行数切り（`maxLines`）・混雑モード ・重さの実測: 通常版 － → プレミアム 待機中 CPU 1% 以下（10デザイン × 3レイアウトで 0.125〜0.913%）・軽量モードあり ・価格: 通常版 700円 → プレミアム 1,200円 ■ 購入前に選び方を確認 ・まず動作や操作を試す → 通常版の無料版（おそろいコメント欄 シンプル黒） https://moonlitprops.booth.pm/items/8964106 ・色違いの10デザインで十分 → 通常版（おそろいコメント欄 10デザイン 700円） https://moonlitprops.booth.pm/items/8964105 ・10の世界・効果音・設定画面まで使いたい → このプレミアム（1,200円） 重複購入にご注意ください。 ■ はじめて導入する方へ 1. 商品のzipをダウンロードし、外側のzipを展開します。 2. 中にあるデザイン別zip（neon.zipなど）を1つ選び、zipのまま、わんコメの「テンプレート」画面にドラッグ＆ドロップします。 3. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSへドラッグします。 4. OBSのブラウザソースの幅・高さを、同梱の説明書どおりに設定します（横型は幅400・高さ900）。「OBS で音声を制御する」にチェックを入れると効果音が配信に乗ります。 5. わんコメを起動し、配信サイトへの接続を確認してからコメントを送ります。 商品zip全体や展開したフォルダを、そのまま追加しないでください。 表示が出ない場合は、わんコメへの接続、OBSのURLとサイズを順に確認してください。人ごとの動きは、コメントテスターの投稿者名を変えて試します。見た目だけ確かめるときは、設定画面（`?view=settings`）のテスト表示が便利です。 ■ 10の世界（スパチャの枠・メンバー加入のカード・粒の形もデザインごとに変わります） ・neon … 夜の街のネオン管の看板。塗りの無い管の線の看板で、管が端から順に灯る（Dela Gothic One） ・yumekawa … ぷっくりしたジェリーのシール帳。白い太フチの雲形のシールが、落ちて潰れて弾み、貼られる（Zen Maru Gothic） ・pixel … 16bit RPG のメッセージ窓。画素の二重枠の窓で、文字が1字ずつ出る（DotGothic16） ・wafu … 和紙の巻物と朱印。縦に長い1枚の和紙に罫で区切って書かれ、朱の角印が押される（Zen Old Mincho） ・minimal-light … 白い紙の印刷物。枠なし。細い罫線と極太の文字が、線が引かれて下から滑り込む（Noto Sans JP） ・minimal-dark … 映画のタイトルの黒。枠なし。白い明朝の字幕と、横に走る光の線（Noto Serif JP） ・nikukyu … クラフト紙の足あとスタンプ帳。紙の札をマスキングテープで留め、肉球が押される（Yusei Magic） ・uchu … 宇宙船の管制ホログラム。四隅のかぎ括弧だけの枠。走査線で上から描かれ、惑星が灯る（M PLUS Rounded 1c） ・houseki … ベルベットの宝石箱。面取りの八角形のガラス板。金の箔が一度だけ光って走る（Kaisei Decol） ・terminal … 黒い CRT の端末。「[12:03:44] 名前> 本文」のログが1字ずつ打たれる（システムの等幅） ■ できること ・1コメントはアイコン・名前・本文（絵文字・スタンプ画像はわんコメが渡すものをそのまま表示。長い本文は140字で切り、`maxLines` の行数を超えたら最後の行を … で切る）。アイコンが取れないときは名前の1文字目を丸の中に出します ・バッジ: 初見「初」、メンバー「M」、モデレーター「★」、配信者「主」 ・スパチャ・ギフト・ビッツ・メンバー加入は、金額つきの濃い色のカードで表示（金額の段階は7段。色は config で変えられます。段が上がるほど演出が華やか） ・初見のコメントは、光・粒・音で特別に登場（`highlightFirst`） ・3つのレイアウト（config の `layout`、または URL に ?layout=oneline など） 　list … 横型 400×900（既定） 　oneline … 画面下にぴったり1行（1920×80）。歌枠・ゲーム配信用。新しいコメントで入れ替わる 　tate … 縦型配信 1080×1920 の下 1/3 用（1080×600）。文字大きめ ・効果音: 初見・メンバー加入・スパチャで、デザインごとの音が鳴ります（スパチャは段が上がるほど華やか）。`sound`（ON/OFF）・`volume`（0〜1）・`soundOn`（どの出来事で鳴らすか）で調整。通常のコメントの音は既定で鳴りません。OBS のブラウザソースの「OBS で音声を制御する」で配信に乗せます ・設定画面（`?view=settings`）: 全部の設定を入力欄・切り替えで変えられ、横で本物のコメントが動いて見えます。通常・長文・絵文字・初見・メンバー・モデレーター・配信者・スパチャ（1〜7段）・メンバー加入・「10件/秒を10秒」のテスト表示ができます。「この内容で config.js を保存」で config.js を書き出し、わんコメのテンプレートのフォルダの config.js と置き換えるだけ ・混雑モード（`rushPerSec`）: コメントが一気に増えたら、通常のコメントは短い動きだけにして、粒と音を止めます（スパチャとメンバー加入は通常どおり） ・NG ワードの伏せ字（`ngWords`）: 指定した言葉の部分を同じ字数の ＊ にします。隠す名前（`hideNames`）: BOT などを表示しません ・軽量モード（`lite`）: 粒なし・動きは透明度だけ。効果音はそのまま。PC が重いとき用 ・重さ: 何も起きていないあいだは動かしません（待機中のアニメーション 0 個）。待機中 CPU 1% 以下（10デザイン × 3レイアウトで 0.125〜0.913%）、コマの時間 p95 8.3ms 以下、JS ヒープ最大 5.5MB（Chrome で実測。お使いの環境で変わります） ・設定: `fontSize`（既定20）・`maxItems`（既定12）・`direction`（下から積む／上から積む）・`align`（左寄せ／右寄せ）・`fadeSec`（何秒かで薄く消える。既定は消さない）・`showIcon` ・配信者のコマンド（配信者本人のコメントだけが有効） 　`!cbox clear` … 表示を消す 　`!cbox pause` … 流れを止める 　`!cbox resume` … 再開 ・記録は持ちません（localStorage に何も保存しません）。OBS を再読み込みすると空から始まります ・背景は透明。外部フォント・外部画像は使わず、書体は同梱（外部のフォントサービスには接続しません） ・見本に出る名前はすべて架空です ■ 当店のわんコメテンプレートとそろえて使う ログインボーナス プレミアムと同じ10の世界観です（neon・yumekawa・pixel・wafu・minimal-light・minimal-dark・nikukyu・uchu・houseki・terminal）。同じ名前のデザインどうしを組み合わせると、画面の見た目がそろいます。 ■ 配信者コマンドの書き方 ・コマンドはすべて `!cbox ` で始めます（全角の「！」・全角スペースも可）。コマンドのコメント自体は画面に出ません。`!reset` のような共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません ■ こう使う 1. 使いたいデザインのzip（例: neon.zip）を、わんコメの「テンプレート」画面にドラッグ＆ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ＆ドロップする（OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます） 3. OBSのブラウザソースの幅400・高さ900を設定し、「OBS で音声を制御する」にチェックを入れ、好きな位置に置く（1行は幅1920・高さ80、縦型は幅1080・高さ600） 4. 配信の前に、ソースの URL の末尾に `?view=settings` を付けてブラウザで開き、設定とテスト表示。保存した config.js でテンプレートのフォルダの config.js を置き換え、OBS のソースを更新 5. わんコメに届いたコメントが、そのまま画面のコメント欄に並ぶ ■ 動作環境 わんコメ 9.1 以降 ＋ OBS のブラウザソース。表示中はわんコメを起動しておいてください（テンプレートはわんコメ本体の OneSDK を読み込みます）。設定画面は Chrome・Edge などのふつうのブラウザで開きます ■ 同梱 ・デザイン別テンプレートzip 10個（neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js + 書体と OFL.txt。terminal は書体を同梱せずシステムの等幅を使います） ・説明書.txt（導入手順・設定画面とテスト表示・config.js の置き換え・通常版との違い・10のデザイン・画面の見方・レイアウト・配信者のコマンド・効果音・混雑モード・NG ワード・軽量モード・重さの実測値・config.jsの変え方・記録・デモ表示・同梱の書体とライセンス・動作環境・利用規約） ■ 注意 ・画像・動画を生成するAIは使っていません（プログラムで描画）。プログラムと説明文はAIアシスタント（Claude）が作成しています。 ・同梱の書体（Dela Gothic One・Zen Maru Gothic・DotGothic16・Zen Old Mincho・Noto Sans JP・Noto Serif JP・Yusei Magic・M PLUS Rounded 1c・Kaisei Decol）は SIL Open Font License 1.1 の書体を、使う文字だけに間引いて同梱しています（本文の書体は、よく使う漢字 2,965 字も入れています）。各 zip に OFL.txt を入れています（書体そのものを単体で売ることはできません）。 ・わんコメ公式のテンプレート追加機能（zipのドラッグ＆ドロップ）で導入します。フォルダを直接配置する方法ではありません。 ・YouTube のコメントで反応するには、わんコメで Google ログインが必要です。 ・コメントの内容を画面に出すだけで、内容の判断はしません。NG ワードの伏せ字と、隠す名前の指定ができます（自動の判定ではなく、指定した言葉・名前だけ）。それ以外は、わんコメ側の設定で非表示にしてください。 ・重さの数値（待機中 CPU など）は Chrome で測った値です。お使いのパソコン・OBS の状態によって変わります。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です（わんコメ側の決まりです）。 ・配信・動画での使用可、収益化配信（投げ銭・広告収益等）での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート（zip・index.html・config.js等）そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。