コメントを、ひとつの「色ガラス」に。 「コメントモザイク / CHAT MOSAIC」は、視聴者のコメント本文を配信画面へ表示せず、コメントが届いた反応だけを色ガラスのタイルへ変換する、わんコメ・OBS向けHTMLオーバーレイです。 コメントが届くたびに、新しいガラスタイルが1枚追加。 視聴者の反応が積み重なるほど、中心から外側へステンドグラス風のモザイクが少しずつ成長していきます。 コメントの文章は映したくない。 ゲーム画面を文字で隠したくない。 でも、視聴者が参加している様子は画面に残したい。 そんな配信のための「コメントを表示しないコメント演出」です。 ━━━━━━━━━━━━━━━━━━ ■ 1コメント＝1枚のガラスタイル ━━━━━━━━━━━━━━━━━━ コメントを受信するたび、新しいガラスタイルがモザイクへ追加されます。 【通常コメント】 青緑系に輝く色ガラス 【有料コメント】 金色に発光する特別なガラスタイル 【Super Sticker】 紫色に輝く宝石のような特別タイル コメント内容ではなく、「誰かが配信に反応した」という出来事そのものを色と光へ変換します。 ━━━━━━━━━━━━━━━━━━ ■ コメントが増えるほどモザイクが育つ ━━━━━━━━━━━━━━━━━━ 最初は、数枚だけの小さなガラス片。 コメントが届くたびにタイルが増え、徐々に大きなステンドグラス風モザイクへ成長していきます。 配信が静かなときは小さく。 コメントが盛り上がると、たくさんの色ガラスが並んだ華やかな景色へ。 コメント数そのものを、画面上の「作品」として可視化できます。 ━━━━━━━━━━━━━━━━━━ ■ 同じ形が並ぶだけではありません ━━━━━━━━━━━━━━━━━━ タイルはすべて同じ四角形ではありません。 少し不規則な多角形や角度差を取り入れ、ガラス面にも光の濃淡やファセット感を加えています。 同じコメント数でも、毎回少し違った表情のモザイクが出来上がります。 ━━━━━━━━━━━━━━━━━━ ■ コメント本文は表示しません ━━━━━━━━━━━━━━━━━━ 本商品では、 ・コメント本文 ・視聴者名 ・プロフィール画像 を配信画面へ表示しません。 コメント内容を読むための吹き出しではなく、コメント受信そのものをステンドグラス演出へ変換します。 そのため、 ・ネタバレコメントを映したくない ・長文コメントでゲーム画面を隠したくない ・コメント内容を直接表示したくない ・配信画面の世界観を崩したくない といった配信にもおすすめです。 ━━━━━━━━━━━━━━━━━━ ■ 同じ視聴者が再コメントすると「共鳴」 ━━━━━━━━━━━━━━━━━━ 同じ視聴者から再びコメントが届くと、新しいタイルが追加されるだけでなく、その視聴者が以前に残したタイルも一瞬だけ明るく発光します。 名前そのものは表示しません。 それでも、 「以前コメントした誰かが、また反応してくれた」 という出来事を、ガラス同士の共鳴として表現できます。 ━━━━━━━━━━━━━━━━━━ ■ 表示済みタイルにも光が巡る ━━━━━━━━━━━━━━━━━━ モザイクは、コメントが来た瞬間だけ動く演出ではありません。 表示中のガラスにも定期的に光が巡り、ステンドグラスの表面を光が通り抜けていくような変化が続きます。 コメントが止まっている時間も完全には静止せず、配信画面のアクセントとして機能します。 ━━━━━━━━━━━━━━━━━━ ■ 時間経過では消えません ━━━━━━━━━━━━━━━━━━ 表示されたガラスタイルは、一定時間が経過しただけでは削除されません。 設定した最大表示数を超えた場合のみ、古いタイルから順番に押し出されます。 そのため、配信中に積み重なった反応が、ひとつのモザイクとしてしばらく画面へ残ります。 clearを受信した場合は、表示中のタイルをすべて消去します。 ━━━━━━━━━━━━━━━━━━ ■ 20項目をカスタマイズ ━━━━━━━━━━━━━━━━━━ 同梱の「preview.html」から、見た目を確認しながら設定できます。 【レイアウト】 ・モザイクエリアの幅 ・モザイクエリアの高さ ・最大表示タイル数 ・タイルサイズ ・タイル間隔 【カラー】 ・通常コメントのガラス色 ・有料コメントのガラス色 ・Super Stickerのガラス色 ・目地の色 【ガラス表現】 ・ガラスの透明度 ・立体感 ・発光強度 ・角度のばらつき 【演出】 ・タイル登場アニメーション ・登場演出時間 ・光の巡回 ・光巡回の周期 ・光巡回の強さ ・同一視聴者の共鳴 ・共鳴の強さ 配信テーマに合わせて、色・光・動きの印象を変更できます。 ━━━━━━━━━━━━━━━━━━ ■ Super Stickerは宝石タイルに ━━━━━━━━━━━━━━━━━━ Super Stickerを受信すると、通常コメントとは異なる紫色の宝石風タイルとして表示します。 有料コメントは金色、Super Stickerは紫色として、文字を出さなくても反応の種類を見分けられます。 わんコメのコメントテスターで使用されるSuper Sticker形式にも対応しています。 ━━━━━━━━━━━━━━━━━━ ■ 背景透過 ━━━━━━━━━━━━━━━━━━ モザイク以外の背景は透明です。 ゲーム画面、雑談背景、VTuber配信画面などへ、そのまま重ねて使用できます。 画面全体を覆う背景パネルはありません。 ━━━━━━━━━━━━━━━━━━ ■ コメント内容に含まれる画像について ━━━━━━━━━━━━━━━━━━ 本商品は「コメント内容を表示しない」ことを目的としたオーバーレイです。 そのため、 ・本文内の画像 ・画像絵文字 ・Sticker画像そのもの は配信画面へ表示しません。 Super Stickerは、画像をそのまま表示する代わりに専用の宝石タイルへ変換します。 ━━━━━━━━━━━━━━━━━━ ■ 内容物 ━━━━━━━━━━━━━━━━━━ ・わんコメ用HTMLテンプレート一式 ・設定・プレビュー用 preview.html ・見た目確認用 obs_demo ・導入説明書 ・トラブルシューティング ・利用規約 ※obs_demoは見た目確認用です。 実際の配信では「onecomme_template / chat-mosaic」内のテンプレートを使用してください。 ━━━━━━━━━━━━━━━━━━ ■ 導入方法 ━━━━━━━━━━━━━━━━━━ 1. ZIPをすべて展開します。 2. 必要に応じて「preview.html」をChromeまたはEdgeで開きます。 3. 色・サイズ・光・タイル数などを調整します。 4. 設定を書き出します。 5. onecomme_template / chat-mosaic 内の設定ファイルへ反映します。 6. chat-mosaicフォルダを、わんコメのカスタムテンプレートとして追加します。 7. わんコメからOBSへ追加します。 詳しい手順は同梱のREADMEをご確認ください。 ━━━━━━━━━━━━━━━━━━ ■ こんな配信におすすめ ━━━━━━━━━━━━━━━━━━ ・コメント本文を配信画面に映したくない方 ・ゲーム画面を文字で隠したくない方 ・幻想的な配信画面にしたい方 ・ファンタジー / RPG配信 ・教会 / 宝石 / ステンドグラス系の世界観 ・雑談配信 ・VTuber配信 ・視聴者の反応をひとつの作品として残したい方 ・普通のコメント欄とは違う演出を使いたい方 ━━━━━━━━━━━━━━━━━━ ■ 利用条件 ━━━━━━━━━━━━━━━━━━ 【可能なこと】 ・ご自身の配信・動画での使用 ・収益化済み配信・動画での使用 ・ご自身で使用する範囲での色・サイズ・コード等の改変 【禁止事項】 ・データの再配布 ・転売 ・第三者との共有 ・改変したデータの配布・販売 ・素材やコードを取り出して別商品として配布・販売する行為 ・自作発言 本商品へのクレジット表記は任意です。 わんコメ・OBSなど各サービスの利用条件は、それぞれの公式案内をご確認ください。 詳細は同梱の利用規約をご確認ください。 ━━━━━━━━━━━━━━━━━━ ひとつのコメントが、 ひとつの色ガラスになる。 視聴者と一緒に、 配信の中へひとつのモザイクを作ってみませんか？ 制作：たっくん