# 🧩 PIECE TALK｜ぴったりジグソー コメント吹き出し **コメントが届くたび、パズルのピースが「カチッ」とはまる！** 視聴者のコメントがジグソーパズルのピースに変身！ 新しいコメントが届くと、前のコメントの凸凹に合わせたピースが現れ、下からぴったりとはまっていく、遊び心いっぱいのコメント吹き出しテンプレートです。 かわいらしい見た目だけでなく、コメントの内容からピースの形を自動生成する独自の仕組みを搭載！ **みんなのコメントがつながって、ひとつのパズルになっていきます。** ## ✨ 主な特徴 ### 🧩 ① コメントがジグソーパズルに！ - コメント1件につき、パズルのピースを1枚表示 - 新しいピースが下から「カチッ」とはまる登場アニメーション - ピース同士の凸凹がぴったりかみ合う - 接続した瞬間に光るハイライト演出 - ピースの形は固定画像ではなく、その場で自動生成！ ユーザー名とコメント本文によってピースの形が決まるため、同じ名前・同じコメントなら、いつでも同じ形になります。 ### 🎨 ② 5種類のカラープリセット 配信の雰囲気に合わせて選べる5種類のプリセットを収録！ - 🌸 パステル：やさしくかわいい配色 - 🌈 ビビッド：明るくポップな配色 - 📦 クラフト：ナチュラルな素材感 - 🤍 ホワイト：シンプルで清潔感のある配色 - 🌙 ナイト：落ち着いた暗めの配色 さらに、最大6色のピースカラーを自由に設定できます。 「視聴者ごとに色を固定」「順番に色を変更」「すべて同じ色」の3パターンから選択可能！ 文字色はピースの背景色に合わせて自動調整されるため、読みやすさにも配慮しています。 ### ✨ ③ スーパーチャットは金色の特別ピース！ 金額付きコメントが届くと、通常とは異なる金色のピースで表示！ さらに、ピースがはまった瞬間、並んでいるパズル全体を光が横切る特別アニメーションが発生します。 大切な応援コメントを、華やかに演出できます。 ### ⚙️ ④ パズルの形も細かくカスタマイズ！ - 凸凹の大きさ・数 - 横側の凸凹のON/OFF - ピース同士のすき間 - 角の丸み - ふちのハイライト・影 - ピースの透明度 - コメント幅・文字サイズ - フォント・長文スクロール - 最大表示数（1～10件） - 左右の配置・上下の配置 - 登場アニメーションの種類・速度 自分だけのジグソーパズル型コメント欄を作れます！ ### 👑 ⑤ 配信者・メンバー・モデレーターにも対応 配信者・モデレーター・メンバー・初コメントを区別する役割バッジを表示できます。 配信サービスからバッジ画像が取得できる場合は、ユーザー名の横に表示します。 ※役割情報・バッジ画像の表示は、わんコメから受信できるデータに依存します。 ### 🖥️ ⑥ 専用デモ・設定画面付き！ ブラウザで開けるデモ画面を同梱！ - サンプルコメントの追加 - パズルがはまるアニメーションの再生 - カラー・形状・配置のカスタマイズ - スーパーチャットの演出確認 - 設定ファイルの書き出し プログラミングの知識がなくても、画面を確認しながら設定を調整できます。 設定した内容は「config.js」として書き出し、配信用テンプレートに反映できます。 ## 🎮 こんな配信におすすめ！ - かわいい雰囲気のVTuber配信 - 雑談・参加型ゲーム実況 - パズル・謎解きゲームの実況 - カラフルでポップな配信画面 - 視聴者同士のつながりを演出したい配信 - ちょっと変わったコメント欄を使いたい方 ## 📦 商品内容 - わんコメ用HTMLコメントテンプレート - わんコメ追加用ZIP - OBSデモ・設定画面 - 設定ファイル - 導入マニュアル - 設定ガイド - トラブルシューティング - 利用規約 ## ⚙️ 対応環境 - OBS Studio - わんコメ - Chrome / Edge（デモ画面） HTML / CSS / JavaScript / SVGによる演出です。 動画素材・画像素材・効果音は使用していません。 ### ご利用上の注意 ※ピースは縦一列に並ぶ仕様です。横方向に並べて1枚の絵を完成させるタイプではありません。 ※新しいコメントは下へ追加され、最大表示数を超えると古いコメントから押し出されます。時間経過だけでは自動削除されません。 ※絵文字・スタンプの表示は、受信データの形式や画像URLへのアクセス状況に依存します。 ※Chromium環境および模擬SDKで動作検証していますが、実際のOBS・わんコメ・YouTubeでの受信は未検証です。配信前に必ず接続確認をお願いします。 ※収益化配信での使用・購入者自身によるカスタマイズが可能です。元データや改変データの再配布・再販売は禁止されています。 ※本商品は非公式のオリジナルテンプレートです。 --- **ひとつのコメントが、ひとつのピースに。** **視聴者みんなで、コメントのパズルをつくろう！** PIECE TALKで、コメントがつながる新しい配信演出をお楽しみください。 🧩