# 🎨 TONE FIT｜ひと色きせかえ コメント吹き出し **好きな色をひとつ選ぶだけ。あなたの配信にぴったりのコメント吹き出しへ！** 配信画面の雰囲気に合わせて、カラー・形・質感を自由に組み合わせられる、カスタマイズ型コメント吹き出しテンプレート「TONE FIT」です。 かわいい配信にも、シンプルでおしゃれな配信にも、クールなゲーム実況にも。 テーマカラーを1色指定するだけで、背景・文字・ユーザー名・枠線の色を自動調整！ 色違いのテンプレートを何種類も入れ替える必要はありません。 **これひとつで、自分だけのコメントデザインを作れます。** ## ✨ 主な特徴 ### 🎨 ① 1色選ぶだけの自動配色 好きなテーマカラーを指定すると、コメント吹き出し全体の配色を自動生成！ - 背景色 - コメント本文の文字色 - ユーザー名の文字色 - 枠線の色 これらをまとめて調整できます。 12種類のテーマカラー候補に加え、好きなカラーコードも自由に指定可能です。 ### 🧩 ② 形・質感・明暗を自由に組み合わせ **4種類の形状** - 角丸タイプ - 角落としタイプ - しっぽ付きタイプ - タグ型タイプ **4種類の質感** - 塗りタイプ - 半透明タイプ - アウトラインタイプ - ペーパータイプ **3種類の明暗** - ライト - ダーク - テーマカラー 4種類の形 × 4種類の質感 × 3種類の明暗で、基本の組み合わせは48通り！ さらにカラーや細かな設定を変更して、幅広いデザインを楽しめます。 ### 🌈 ③ すぐ使える6種類のプリセット 最初から6種類のデザインを用意！ - クリアモダン - やわらかポップ - シャープダーク - グラスナイト - アウトライン - タグノート 好みのスタイルを選んで、色を変更するだけでも簡単にカスタマイズできます。 ### 👀 ④ 文字の読みやすさを自動補正 デザイン性だけでなく、コメントの読みやすさにもこだわりました。 選んだ色で文字が読みにくくなる場合、色味をできるだけ維持しながら明るさを自動補正。 不透明度の高い背景では、文字と背景のコントラスト比4.5:1以上を目標に調整します。 半透明・アウトラインタイプでは、文字の縁取りによって視認性を補助します。 ### 💬 ⑤ コメント表示も細かく設定 - フォント5種類 - 登場アニメーション5種類 - コメント幅・文字サイズの変更 - 長文の折り返し・スクロール設定 - プロフィールアイコンの形状変更 - コメント表示位置の変更 - 最大表示数の変更 - ユーザー名の配置変更 コメントは新着順に下へ追加され、最大表示数を超えた場合は古いコメントから押し出されます。 時間経過だけでコメントが自動削除されることはありません。 ### 👑 ⑥ メンバー・スーパーチャットにも対応 配信者・モデレーター・メンバー・初コメントをバッジや色で区別できます。 スーパーチャットなどの金額付きコメントは、金額に応じた6段階のカラーで表示！ ※役割・バッジ・金額の表示は、配信サービスおよびわんコメから取得できる情報に依存します。 ## 🖥️ 専用デモ画面付き！ 商品には、ブラウザで開けるデザイン確認・設定用のデモ画面が付属しています。 好きなプリセットやテーマカラーを選び、コメントの表示を確認しながらカスタマイズできます。 設定完了後は「config.js」を書き出し、テンプレートに反映する仕組みです。 難しいプログラミングなしで、見た目を調整できます！ ## 🎮 こんな方におすすめ！ - 配信画面のテーマカラーに合わせたい方 - VTuber・ゲーム実況者・雑談配信者 - シンプルでおしゃれなコメント欄が欲しい方 - 季節やイベントごとに配色を変更したい方 - 複数の配信デザインを使い分けたい方 - 文字の読みやすさにもこだわりたい方 ## 📦 商品内容 - わんコメ用HTMLテンプレート - わんコメ追加用ZIPファイル - OBSデモ・設定画面 - カスタマイズ設定ファイル - 導入マニュアル - 設定ガイド - トラブルシューティング - 利用規約 ## ⚙️ 対応環境 - OBS Studio - わんコメ - Chrome / Edge（デモ画面） HTML / CSS / JavaScript / SVGを使用したコメントテンプレートです。 ※実際のOBS・わんコメ・YouTubeでのコメント受信は未検証です。Chromium環境と模擬SDKで動作確認を行っています。配信前に必ず接続確認をお願いします。 ※背景のぼかし効果はありません。 ※フォントファイルは同梱されていません。使用環境にインストールされたフォントが適用されます。 ※付属デモは見た目確認・設定用です。実際の配信コメントは受信しません。 ※本商品は非公式のオリジナルテンプレートです。 --- **あなたの好きな色で、あなたらしい配信画面を。** TONE FITで、配信の雰囲気にぴったりなコメント欄を作ってみませんか？