コメントを、読ませるのではなく「灯す」。 「コメントの灯火 / CHAT LANTERNS」は、視聴者のコメント本文を配信画面へ表示せず、コメントが届いたという反応だけを小さな灯火へ変換する、わんコメ・OBS向けHTMLオーバーレイです。 通常のコメント欄とは違い、画面上に文章を並べません。 ゲーム画面を文字で隠したくない。 コメント内容は映したくない。 でも、視聴者が参加している雰囲気はしっかり出したい。 そんな配信のための「コメントを表示しないコメント演出」です。 ━━━━━━━━━━━━━━━━━━ ■ 1コメント＝1つの灯火 ━━━━━━━━━━━━━━━━━━ 視聴者からコメントが届くたびに、小さなランタンが1つ点灯します。 通常コメント： あたたかい暖色の灯火 有料コメント： 柔らかな金色の灯火 Sticker： 青白い灯火＋小さな星のアクセント コメント内容そのものではなく、「誰かが今この配信に反応した」という事実を、光として画面へ残します。 ━━━━━━━━━━━━━━━━━━ ■ コメント本文は画面に表示しません ━━━━━━━━━━━━━━━━━━ 本商品の最大の特徴です。 受信したコメント本文は表示判定にのみ使用し、配信画面へ描画しません。 設定画面にも「本文を表示する」機能はありません。 そのため、 ・ゲーム画面をコメントで隠したくない ・ネタバレコメントを画面へ映したくない ・強い言葉や長文を配信画面へ残したくない ・コメント欄をもっと抽象的な演出にしたい といった配信に向いています。 ━━━━━━━━━━━━━━━━━━ ■ 初期設定は「完全匿名」 ━━━━━━━━━━━━━━━━━━ 初期状態では、 ・コメント本文 ・視聴者名 ・プロフィール画像 ・有料コメントの金額 を表示しません。 画面に出るのは灯火だけです。 必要に応じて設定から、 ・完全匿名 ・名前だけ表示 ・プロフィール画像だけ表示 の3種類へ切り替えられます。 有料コメントの金額表示も個別にON / OFFできます。 ━━━━━━━━━━━━━━━━━━ ■ 同じ視聴者がコメントすると「共鳴」 ━━━━━━━━━━━━━━━━━━ 同じ視聴者から再びコメントが届くと、新しい灯火が追加されるだけでなく、その視聴者が以前に灯したランタンも一瞬だけ明るく光ります。 離れた場所にある灯火同士が反応することで、 「またこの人がコメントしてくれた」 という出来事を、文章を表示せずに表現します。 共鳴演出は設定からOFFにすることもできます。 ━━━━━━━━━━━━━━━━━━ ■ コメント数が、そのまま配信の景色になる ━━━━━━━━━━━━━━━━━━ コメントが増えるほど、配信画面に灯火が増えていきます。 静かな配信では数個の小さな灯り。 盛り上がってくると、たくさんのランタンが灯る。 その瞬間のコメント欄の活気が、文字ではなく「光の量」として見える仕組みです。 ━━━━━━━━━━━━━━━━━━ ■ 時間経過では消えません ━━━━━━━━━━━━━━━━━━ 灯火は一定時間で自動削除されません。 設定した最大表示数を超えた場合のみ、古い灯火から順番に押し出します。 そのため、配信中に積み重なった反応がしばらく画面へ残り、コメント欄の盛り上がりを視覚的に感じられます。 clearを受信した場合は、表示中の灯火をすべて消去します。 ━━━━━━━━━━━━━━━━━━ ■ 17項目をカスタマイズ ━━━━━━━━━━━━━━━━━━ 同梱の「preview.html」から、見た目を確認しながら設定できます。 【レイアウト】 ・灯火エリアの幅 ・最大表示数 ・灯火の間隔 ・灯火の大きさ 【プライバシー表示】 ・完全匿名 / 名前のみ / プロフィール画像のみ ・有料コメント金額の表示 / 非表示 ・名前・金額の文字サイズ 【デザイン】 ・ガラスの色 ・金属枠の色 ・通常コメントの灯り ・有料コメントの灯り ・Stickerの灯り ・周囲光の強さ 【演出】 ・点灯・登場演出 ・炎のゆらぎ ・同一視聴者の共鳴 ・点灯演出の時間 配信画面やキャラクターのテーマカラーに合わせて、自由に変更できます。 ━━━━━━━━━━━━━━━━━━ ■ 背景透過 ━━━━━━━━━━━━━━━━━━ 灯火以外の背景は透明です。 ゲーム画面、雑談背景、VTuber配信画面などに、そのまま重ねて使用できます。 画面全体を覆う背景や大型パネルはありません。 ━━━━━━━━━━━━━━━━━━ ■ コメント内容に含まれる画像について ━━━━━━━━━━━━━━━━━━ 本商品は「コメント内容を表示しない」というコンセプトのため、 ・本文内の画像 ・画像絵文字 も配信画面には表示しません。 Stickerを受信した場合も、Sticker画像そのものを表示するのではなく、専用の青白い灯火へ変換します。 ━━━━━━━━━━━━━━━━━━ ■ 内容物 ━━━━━━━━━━━━━━━━━━ ・わんコメ用HTMLテンプレート一式 ・設定・プレビュー用 preview.html ・見た目確認用 obs_demo ・導入説明書 ・トラブルシューティング ・利用規約 ※obs_demoは見た目確認用です。 実際の配信では「onecomme_template / chat-lanterns」内のテンプレートを使用してください。 ━━━━━━━━━━━━━━━━━━ ■ 導入方法 ━━━━━━━━━━━━━━━━━━ 1. ZIPをすべて展開します。 2. 必要に応じて「preview.html」をChromeまたはEdgeで開きます。 3. 色・サイズ・表示方法などを調整します。 4. 「settings.js」を書き出します。 5. onecomme_template / chat-lanterns 内のsettings.jsへ上書きします。 6. chat-lanternsフォルダを、わんコメのカスタムテンプレートとして追加します。 7. わんコメからOBSへ追加します。 OBSブラウザソースの目安： 幅720 × 高さ1080 ━━━━━━━━━━━━━━━━━━ ■ こんな配信におすすめ ━━━━━━━━━━━━━━━━━━ ・ゲーム画面をコメント文字で隠したくない方 ・コメント本文を配信画面に映したくない方 ・ネタバレ対策をしたいゲーム実況 ・世界観重視の配信 ・落ち着いた雑談配信 ・ホラー、ファンタジー、RPG配信 ・視聴者参加感だけを残したい方 ・普通のコメント欄とは違う演出を使いたい方 ━━━━━━━━━━━━━━━━━━ ■ 利用条件 ━━━━━━━━━━━━━━━━━━ 【可能なこと】 ・ご自身の配信・動画での使用 ・収益化済み配信・動画での使用 ・ご自身で使用する範囲での色・サイズ・コード等の改変 【禁止事項】 ・データの再配布 ・転売 ・第三者との共有 ・改変したデータの配布・販売 ・素材やコードを取り出して別商品として配布・販売する行為 ・自作発言 本商品へのクレジット表記は任意です。 わんコメ・OBSなど各サービスの利用条件は、それぞれの公式案内をご確認ください。 詳細は同梱の「LICENSE.txt」をご確認ください。 ━━━━━━━━━━━━━━━━━━ 言葉は見えなくても、 誰かがそこにいたことは、光として残る。 制作：たっくん