コメントを、文字ではなく「鼓動」に。 「コメント心拍 / CHAT PULSE」は、視聴者のコメント本文を配信画面へ表示せず、コメントが届いた反応だけを心電図風のパルスへ変換する、わんコメ・OBS向けHTMLオーバーレイです。 コメントが届くたび、新しい1拍が波形として追加。 通常コメント、有料コメント、Stickerによって異なる脈動を描きながら、視聴者の反応が一本の“配信の心拍”として蓄積されていきます。 ゲーム画面を文字で隠したくない。 コメント内容そのものは映したくない。 でも、視聴者が反応していることは配信画面に残したい。 そんな配信のための「コメントを表示しないコメント演出」です。 ━━━━━━━━━━━━━━━━━━ ■ 1コメント＝1つの心拍 ━━━━━━━━━━━━━━━━━━ コメントが届くたび、心電図のような新しいパルスが1つ追加されます。 【通常コメント】 青緑色の基本パルス 【有料コメント】 通常より大きく脈打つ金色のパルス 【Sticker】 青白く光る二重スパイク コメントの文章を並べるのではなく、「今、誰かが配信に反応した」という出来事そのものを波形へ変換します。 ━━━━━━━━━━━━━━━━━━ ■ コメント本文は表示しません ━━━━━━━━━━━━━━━━━━ 本商品では、 ・コメント本文 ・視聴者名 ・プロフィール画像 を配信画面へ表示しません。 コメント内容を表示するための吹き出しではなく、コメント受信そのものを映像演出へ変換するオーバーレイです。 そのため、 ・ゲーム画面をコメントで隠したくない ・ネタバレコメントを配信画面へ映したくない ・長文や強い言葉を画面に残したくない ・世界観を崩さず視聴者参加感を出したい といった配信にもおすすめです。 ━━━━━━━━━━━━━━━━━━ ■ コメントが増えるほど心電図が伸びる ━━━━━━━━━━━━━━━━━━ 新しいコメントは、画面上の心電図へ順番に追加されます。 コメントが少ないときは静かな波形。 コメントが増えて配信が盛り上がると、さまざまなパルスが並んだ活発な心電図へ変化します。 コメント欄の盛り上がりを、文字量ではなく「脈拍の履歴」として視覚化できます。 ━━━━━━━━━━━━━━━━━━ ■ 表示中のパルスも定期的に鼓動 ━━━━━━━━━━━━━━━━━━ v1.0.1では、描画済みのパルスにも常時演出を追加しました。 静止した心電図になるのではなく、表示中のパルスが左から順に、少しずつ位相をずらしながら定期的に脈打ちます。 ・波形がわずかに上下へ動く ・ノードが一瞬だけ膨らむ ・発光が鼓動に合わせて強くなる ・有料コメントのリングも専用の鼓動で発光 といった小さな変化が続きます。 新しいコメントが届いた際の強い描画演出とは分けているため、常時動きながらも新着コメントを見分けやすい設計です。 ━━━━━━━━━━━━━━━━━━ ■ 鼓動の速さ・強さも変更可能 ━━━━━━━━━━━━━━━━━━ 定期鼓動は設定画面から調整できます。 【定期鼓動の周期】 約2.2秒 ～ 8秒 【定期鼓動の強さ】 10% ～ 100% 初期設定では、ゲーム画面の邪魔になりにくい控えめな鼓動にしています。 ゆっくり弱く動かせば落ち着いた配信に。 速く強く設定すれば、緊迫した生体モニターのような演出にもできます。 ━━━━━━━━━━━━━━━━━━ ■ 同じ視聴者が再コメントすると「共鳴」 ━━━━━━━━━━━━━━━━━━ 同じ視聴者から再びコメントが届いた場合、その視聴者が以前残したパルスも一瞬だけ再発光します。 名前そのものは表示しません。 それでも、 「以前反応した誰かが、またコメントした」 という出来事を、過去の波形との共鳴によって表現します。 共鳴演出は設定からON / OFFできます。 ━━━━━━━━━━━━━━━━━━ ■ 時間経過では消えません ━━━━━━━━━━━━━━━━━━ 表示されたパルスは、一定時間が経過しただけでは削除されません。 設定した最大表示数を超えた場合のみ、古いパルスから順番に押し出されます。 そのため、配信中に積み重なった反応が心電図の履歴として残ります。 clearを受信した場合は、表示中のパルスをすべて消去します。 ━━━━━━━━━━━━━━━━━━ ■ 19項目をカスタマイズ ━━━━━━━━━━━━━━━━━━ 同梱の「preview.html」から、見た目を確認しながら設定できます。 【レイアウト】 ・表示エリアの横幅 ・最大表示拍数 ・1拍あたりの横幅 ・波形の高さ ・線の太さ 【カラー】 ・通常コメントのパルス色 ・有料コメントのパルス色 ・Stickerのパルス色 ・補助線などの色 【波形】 ・通常コメントの振幅 ・有料コメントの振幅 ・Stickerの振幅 ・発光の強さ 【演出】 ・新着パルスの描画演出 ・描画速度 ・同一視聴者の共鳴演出 ・定期鼓動の周期 ・定期鼓動の強さ 配信テーマに合わせて、青・緑・赤・紫・白・金など自由に変更できます。 ━━━━━━━━━━━━━━━━━━ ■ 背景透過 ━━━━━━━━━━━━━━━━━━ 心電図以外の背景は透明です。 ゲーム画面や配信背景の上へ、そのまま重ねて使用できます。 大きな背景パネルやコメント本文を表示しないため、画面占有を抑えながらコメント反応を演出できます。 ━━━━━━━━━━━━━━━━━━ ■ コメント内容に含まれる画像について ━━━━━━━━━━━━━━━━━━ 本商品は「コメント内容を表示しない」ことを目的としたオーバーレイです。 そのため、本文内の画像や画像絵文字も配信画面には表示しません。 Stickerについても画像そのものを表示するのではなく、専用の青白い二重スパイクへ変換して表現します。 ━━━━━━━━━━━━━━━━━━ ■ 内容物 ━━━━━━━━━━━━━━━━━━ ・わんコメ用HTMLテンプレート一式 ・設定・プレビュー用 preview.html ・見た目確認用 obs_demo ・導入説明書 ・トラブルシューティング ・利用規約 ※obs_demoは見た目確認用です。 実際の配信では「onecomme_template / chat-pulse」内のテンプレートを使用してください。 ━━━━━━━━━━━━━━━━━━ ■ 導入方法 ━━━━━━━━━━━━━━━━━━ 1. ZIPをすべて展開します。 2. 必要に応じて「preview.html」をChromeまたはEdgeで開きます。 3. 波形・色・鼓動・サイズなどを調整します。 4. 「settings.js」を書き出します。 5. onecomme_template / chat-pulse 内のsettings.jsへ上書きします。 6. chat-pulseフォルダを、わんコメのカスタムテンプレートとして追加します。 7. わんコメからOBSへ追加します。 詳しい手順は同梱のREADMEをご確認ください。 ━━━━━━━━━━━━━━━━━━ ■ こんな配信におすすめ ━━━━━━━━━━━━━━━━━━ ・ゲーム画面をコメント文字で隠したくない方 ・コメント本文を配信画面に映したくない方 ・FPS / TPS ・ホラーゲーム実況 ・SF / サイバー系配信 ・雑談配信 ・医療モニター風の画面デザイン ・近未来系VTuber ・ミニマルな配信画面 ・視聴者の反応だけを可視化したい方 ━━━━━━━━━━━━━━━━━━ ■ 利用条件 ━━━━━━━━━━━━━━━━━━ 【可能なこと】 ・ご自身の配信・動画での使用 ・収益化済み配信・動画での使用 ・ご自身で使用する範囲での色・サイズ・コード等の改変 【禁止事項】 ・データの再配布 ・転売 ・第三者との共有 ・改変したデータの配布・販売 ・素材やコードを取り出して別商品として配布・販売する行為 ・自作発言 本商品へのクレジット表記は任意です。 わんコメ・OBSなど各サービスの利用条件は、それぞれの公式案内をご確認ください。 詳細は同梱の利用規約をご確認ください。 ━━━━━━━━━━━━━━━━━━ コメントは見えない。 でも、その反応は「鼓動」として残っていく。 配信の心拍を、視聴者と一緒に。 制作：たっくん