コメントを、夜空の「星」に。 「コメント星座 / CHAT CONSTELLATION」は、視聴者のコメント本文を配信画面へ表示せず、コメントが届いた反応だけを星へ変換する、わんコメ・OBS向けHTMLオーバーレイです。 コメントが届くたび、新しい星がひとつ誕生。 さらに近くにある星同士が自動で結ばれ、コメントが増えるほど、その配信だけの星座が少しずつ成長していきます。 文章を並べる普通のコメント欄とは違い、 「コメントは映したくない」 「ゲーム画面を文字で隠したくない」 「でも視聴者の反応は配信演出として残したい」 そんな配信のための、新しいコメント表現です。 ━━━━━━━━━━━━━━━━━━ ■ 1コメント＝1つの星 ━━━━━━━━━━━━━━━━━━ コメントを受信するたび、透明な配信画面上へ新しい星が追加されます。 【通常コメント】 青白く輝く星 【有料コメント】 通常より大きく目立つ金色の星 【Super Sticker】 青紫に輝く軌道付きの特別な星 コメント本文を表示するのではなく、「誰かが今この配信に反応した」という出来事を星として残します。 ━━━━━━━━━━━━━━━━━━ ■ コメントが増えると星座が育つ ━━━━━━━━━━━━━━━━━━ 新しい星が生まれると、周囲にある近い星を自動で探し、星座線で結びます。 1件だけなら、ひとつの星。 コメントが増えると星が増え、 さらに星同士がつながり、 やがてひとつの星座のような形へ成長していきます。 同じ配信でも、コメントが届く位置や順番によって星の配置や結ばれ方が変わるため、毎回異なる景色が生まれます。 ━━━━━━━━━━━━━━━━━━ ■ コメント本文は表示しません ━━━━━━━━━━━━━━━━━━ 本商品では、 ・コメント本文 ・視聴者名 ・プロフィール画像 を配信画面へ表示しません。 コメントを読むための吹き出しではなく、コメント受信そのものを星座演出へ変換するオーバーレイです。 そのため、 ・ネタバレコメントを画面に映したくない ・長文コメントでゲーム画面を隠したくない ・コメント内容を直接表示せず参加感を出したい ・配信の世界観を大切にしたい といった用途にもおすすめです。 ━━━━━━━━━━━━━━━━━━ ■ 同じ視聴者が再コメントすると「共鳴」 ━━━━━━━━━━━━━━━━━━ 同じ視聴者から再びコメントが届いた場合、新しい星が追加されるだけではありません。 その視聴者が以前に残した星との間へ、一瞬だけ特別な「共鳴線」が走ります。 名前そのものは表示しなくても、 「以前コメントしてくれた人が、また反応してくれた」 という出来事を星同士のつながりで表現できます。 ━━━━━━━━━━━━━━━━━━ ■ コメントがない時間も静かに動く ━━━━━━━━━━━━━━━━━━ 描画済みの星は完全に静止しません。 ・星がゆっくり瞬く ・わずかに漂う ・発光が小さく変化する といった常時アニメーションが続きます。 新しいコメントが来ていない時間でも、星座が静かに生きているような演出になります。 ━━━━━━━━━━━━━━━━━━ ■ 時間経過では消えません ━━━━━━━━━━━━━━━━━━ 表示された星は、一定時間が経過しただけでは削除されません。 設定した最大表示数を超えた場合のみ、古い星から順番に押し出されます。 そのため、配信中に積み重なった視聴者の反応が、ひとつの星座として画面へ残ります。 clearを受信した場合は、星と星座線をすべて消去します。 ━━━━━━━━━━━━━━━━━━ ■ 20項目をカスタマイズ ━━━━━━━━━━━━━━━━━━ 同梱の「preview.html」から、見た目を確認しながら設定できます。 【レイアウト】 ・星座エリアの横幅 ・星座エリアの高さ ・最大表示星数 ・星の基本サイズ 【カラー】 ・通常コメントの星色 ・有料コメントの星色 ・Stickerの星色 ・星座線の色 【星座線】 ・線の太さ ・線の透明度 ・星を結ぶ最大距離 ・1つの星から伸びる最大結線数 【光・アニメーション】 ・星の発光強度 ・瞬きの周期 ・瞬きの強さ ・星の漂いの強さ ・登場アニメーション ・登場演出時間 【共鳴】 ・同一視聴者の共鳴演出 ・共鳴線の強さ 配信画面やキャラクターのテーマカラーに合わせて調整できます。 ━━━━━━━━━━━━━━━━━━ ■ 背景透過 ━━━━━━━━━━━━━━━━━━ 星と星座線以外の背景は透明です。 星空背景そのものを表示する商品ではありません。 ゲーム画面、雑談背景、VTuber配信画面などの上へ、星と星座だけを重ねて使用できます。 そのため既存の配信背景を大きく隠さず、コメント反応だけを演出として追加できます。 ━━━━━━━━━━━━━━━━━━ ■ Super Stickerにも専用演出 ━━━━━━━━━━━━━━━━━━ Super Stickerを受信すると、通常コメントとは異なる青紫色の軌道付き星として表示します。 Super Chatは金色の星、Super Stickerは青紫の星として区別できます。 わんコメのコメントテスターで使用されるSuper Sticker形式にも対応しています。 ━━━━━━━━━━━━━━━━━━ ■ コメント内容に含まれる画像について ━━━━━━━━━━━━━━━━━━ 本商品は「コメント内容を表示しない」というコンセプトのため、 ・本文 ・画像絵文字 ・コメント内画像 ・Sticker画像そのもの は配信画面へ表示しません。 Stickerは画像をそのまま表示する代わりに、専用の星演出へ変換します。 ━━━━━━━━━━━━━━━━━━ ■ 内容物 ━━━━━━━━━━━━━━━━━━ ・わんコメ用HTMLテンプレート一式 ・設定・プレビュー用 preview.html ・見た目確認用 obs_demo ・導入説明書 ・トラブルシューティング ・利用規約 ※obs_demoは見た目確認用です。 実際の配信では「onecomme_template / chat-constellation」内のテンプレートを使用してください。 ━━━━━━━━━━━━━━━━━━ ■ 導入方法 ━━━━━━━━━━━━━━━━━━ 1. ZIPをすべて展開します。 2. 必要に応じて「preview.html」をChromeまたはEdgeで開きます。 3. 星の色・サイズ・結線・アニメーションなどを調整します。 4. 「settings.js」を書き出します。 5. onecomme_template / chat-constellation 内のsettings.jsへ上書きします。 6. chat-constellationフォルダを、わんコメのカスタムテンプレートとして追加します。 7. わんコメからOBSへ追加します。 詳しい手順は同梱のREADMEをご確認ください。 ━━━━━━━━━━━━━━━━━━ ■ こんな配信におすすめ ━━━━━━━━━━━━━━━━━━ ・ゲーム画面をコメント文字で隠したくない方 ・コメント本文を配信画面へ映したくない方 ・宇宙 / 星空 / 幻想系の配信 ・RPG / アドベンチャーゲーム実況 ・落ち着いた雑談配信 ・VTuber配信 ・世界観を重視した配信 ・視聴者の反応を抽象的な演出にしたい方 ・普通のコメント欄とは違う表現を使いたい方 ━━━━━━━━━━━━━━━━━━ ■ 利用条件 ━━━━━━━━━━━━━━━━━━ 【可能なこと】 ・ご自身の配信・動画での使用 ・収益化済み配信・動画での使用 ・ご自身で使用する範囲での色・サイズ・コード等の改変 【禁止事項】 ・データの再配布 ・転売 ・第三者との共有 ・改変したデータの配布・販売 ・素材やコードを取り出して別商品として配布・販売する行為 ・自作発言 本商品へのクレジット表記は任意です。 わんコメ・OBSなど各サービスの利用条件は、それぞれの公式案内をご確認ください。 詳細は同梱の利用規約をご確認ください。 ━━━━━━━━━━━━━━━━━━ ひとつのコメントが、ひとつの星になる。 視聴者と一緒に、 その配信だけの星座を作ってみませんか？ 制作：たっくん