コメントが届くたび、配信の中に新しい建物が生まれる。 「コメントシティ / CHAT SKYLINE」は、視聴者のコメント本文を配信画面へ表示せず、コメントが届いた反応だけを夜景の建物へ変換する、わんコメ・OBS向けHTMLオーバーレイです。 1コメントにつき、建物が1棟追加。 コメントが増えるほどビルが並び、配信中にひとつの街並みが少しずつ育っていきます。 コメント文字でゲーム画面を隠したくない。 コメント内容そのものは映したくない。 でも、視聴者が参加している様子は画面に残したい。 そんな配信のための「コメントを表示しないコメント演出」です。 ━━━━━━━━━━━━━━━━━━ ■ 1コメント＝1棟の建物 ━━━━━━━━━━━━━━━━━━ コメントを受信するたび、夜景の中へ新しい建物が追加されます。 【通常コメント】 青緑系に光るビル 【有料コメント】 金色に輝く特別な高層塔 【Super Sticker】 紫色に発光するネオン塔 コメントの文章を表示する代わりに、「誰かが配信に反応した」という出来事そのものを街の一部へ変換します。 ━━━━━━━━━━━━━━━━━━ ■ コメントが増えるほど街が育つ ━━━━━━━━━━━━━━━━━━ 最初は数棟だけの小さな街。 コメントが届くたびに建物が増え、少しずつ夜景のシルエットが広がっていきます。 静かな配信では小さな街並み。 コメントが盛り上がると、たくさんのビルが並んだ大きな都市へ。 その配信の盛り上がりを、文字数ではなく「街の大きさ」として可視化できます。 ━━━━━━━━━━━━━━━━━━ ■ 建物ごとに形が変化 ━━━━━━━━━━━━━━━━━━ 同じ形のビルが並ぶだけではありません。 コメントごとに、 ・建物の高さ ・屋根の形 ・窓の配置 ・シルエット などが変化します。 さまざまな建物が組み合わさることで、コメントが増えるほど自然な都市のような景観へ成長していきます。 ━━━━━━━━━━━━━━━━━━ ■ コメント本文は表示しません ━━━━━━━━━━━━━━━━━━ 本商品では、 ・コメント本文 ・視聴者名 ・プロフィール画像 を配信画面へ表示しません。 コメントを読むための吹き出しではなく、コメント受信そのものを夜景の演出へ変換するオーバーレイです。 そのため、 ・ゲーム画面をコメントで隠したくない ・ネタバレコメントを画面へ映したくない ・長文コメントを表示したくない ・配信画面の雰囲気を崩したくない といった用途にもおすすめです。 ━━━━━━━━━━━━━━━━━━ ■ 街はコメントがない時間も生き続ける ━━━━━━━━━━━━━━━━━━ 表示済みの建物は、追加された後に完全停止するわけではありません。 窓明かりが少しずつ点灯・変化し、夜の街が静かに活動しているような演出が続きます。 コメントが途切れている時間でも、配信画面のアクセントとして街並みが機能します。 ━━━━━━━━━━━━━━━━━━ ■ 同じ視聴者が再コメントすると「共鳴」 ━━━━━━━━━━━━━━━━━━ 同じ視聴者から再びコメントが届くと、新しい建物が追加されるだけでなく、その視聴者が以前に残した建物も一瞬だけ明るく光ります。 名前そのものを表示せず、 「この街を作った誰かが、またコメントしてくれた」 という出来事を光の反応として表現します。 ━━━━━━━━━━━━━━━━━━ ■ 時間経過では消えません ━━━━━━━━━━━━━━━━━━ 表示された建物は、一定時間が経過しただけでは削除されません。 設定した最大表示数を超えた場合のみ、古い建物から順番に押し出されます。 配信中に積み重なったコメントが、そのまま夜景として残っていく仕組みです。 clearを受信した場合は、表示中の建物をすべて消去します。 ━━━━━━━━━━━━━━━━━━ ■ Super Chat / Super Sticker専用演出 ━━━━━━━━━━━━━━━━━━ 通常コメントとは別に、有料コメントやSuper Stickerにも専用デザインを用意しています。 Super Chat： 金色に輝く高層塔 Super Sticker： 紫色に発光するネオン塔 コメント内容を表示しなくても、特別な反応が届いたことを視覚的に表現できます。 わんコメのコメントテスターで使用されるSuper Sticker形式にも対応しています。 ━━━━━━━━━━━━━━━━━━ ■ 20項目をカスタマイズ ━━━━━━━━━━━━━━━━━━ 同梱の「preview.html」から、見た目を確認しながら各種設定を変更できます。 街並みのサイズや表示数、建物の大きさ、通常・有料・Stickerの色、発光、窓明かり、演出の強さ、共鳴などを配信画面に合わせて調整できます。 落ち着いたブルー系の夜景だけでなく、サイバー系、紫系、暖色系など、配信テーマに合わせた街並みに変更可能です。 ━━━━━━━━━━━━━━━━━━ ■ 背景透過 ━━━━━━━━━━━━━━━━━━ 建物以外の背景は透明です。 夜空や街の背景画像を画面全体へ表示する商品ではありません。 ゲーム画面、雑談背景、VTuber配信画面などの上へ、街並みだけを重ねて使用できます。 ━━━━━━━━━━━━━━━━━━ ■ コメント内容に含まれる画像について ━━━━━━━━━━━━━━━━━━ 本商品は「コメント内容を表示しない」ことを目的としたオーバーレイです。 そのため、 ・本文内の画像 ・画像絵文字 ・Sticker画像そのもの は配信画面へ表示しません。 Super Stickerは画像そのものを表示する代わりに、専用のネオン塔へ変換します。 ━━━━━━━━━━━━━━━━━━ ■ 内容物 ━━━━━━━━━━━━━━━━━━ ・わんコメ用HTMLテンプレート一式 ・設定・プレビュー用 preview.html ・見た目確認用 obs_demo ・導入説明書 ・トラブルシューティング ・利用規約 ※obs_demoは見た目確認用です。 実際の配信では「onecomme_template / chat-skyline」内のテンプレートを使用してください。 ━━━━━━━━━━━━━━━━━━ ■ 導入方法 ━━━━━━━━━━━━━━━━━━ 1. ZIPをすべて展開します。 2. 必要に応じて「preview.html」をChromeまたはEdgeで開きます。 3. 色・サイズ・表示数・演出などを調整します。 4. 設定を書き出します。 5. onecomme_template / chat-skyline 内の設定ファイルへ反映します。 6. chat-skylineフォルダを、わんコメのカスタムテンプレートとして追加します。 7. わんコメからOBSへ追加します。 詳しい手順は同梱のREADMEをご確認ください。 ━━━━━━━━━━━━━━━━━━ ■ こんな配信におすすめ ━━━━━━━━━━━━━━━━━━ ・コメント本文を配信画面へ映したくない方 ・ゲーム画面を文字で隠したくない方 ・サイバー / 近未来系の配信 ・夜景や都市モチーフが好きな方 ・雑談配信 ・ゲーム実況 ・VTuber配信 ・視聴者参加感を抽象的に表現したい方 ・コメントが増えるほど画面が育つ演出を使いたい方 ━━━━━━━━━━━━━━━━━━ ■ 利用条件 ━━━━━━━━━━━━━━━━━━ 【可能なこと】 ・ご自身の配信・動画での使用 ・収益化済み配信・動画での使用 ・ご自身で使用する範囲での色・サイズ・コード等の改変 【禁止事項】 ・データの再配布 ・転売 ・第三者との共有 ・改変したデータの配布・販売 ・素材やコードを取り出して別商品として配布・販売する行為 ・自作発言 本商品へのクレジット表記は任意です。 わんコメ・OBSなど各サービスの利用条件は、それぞれの公式案内をご確認ください。 詳細は同梱の利用規約をご確認ください。 ━━━━━━━━━━━━━━━━━━ ひとつのコメントが、 ひとつの建物になる。 視聴者と一緒に、 配信の中へひとつの街を作ってみませんか？ 制作：たっくん