配信コメントを、奥行きのある“立体パネル”のように表示できるコメント吹き出しテンプレートです。 前面パネル・側面・厚み・影・ハイライトを複数レイヤーで構成し、通常の平面的なコメント吹き出しとは違う、しっかりとした3D感のあるデザインに仕上げました。 コメント表示時には、手前からせり出してくるようなZ方向の動きと軽い回転・着地アニメーションが入り、OBS上でも立体感が分かりやすい演出になっています。 HTML / CSS / JavaScriptで動作するため、外部の3Dモデルデータや専用ソフトは必要ありません。 ■ 特徴 ・奥行きのある3D立体デザイン ・前面パネル＋複数の厚みレイヤー ・右側面まで見える立体構造 ・エッジのハイライト／ベベル表現 ・立体感を強調する奥行きシャドウ ・コメント登場時のZ方向アニメーション ・名前とコメント本文を別行表示 ・背景透過 ・複数コメントの縦積み表示 ・最大表示件数を超えたコメントのみ押し出し ・時間経過による自動削除なし ・わんコメ連携対応 ・OBSブラウザソース対応 ・デモHTML付き ■ カスタマイズ editor_schema.jsonに対応しており、テンプレート編集画面から各種設定を変更できます。 主な設定項目 ・吹き出しの最大幅 ・コメント文字サイズ ・名前文字サイズ ・3Dの奥行き ・X方向／Y方向の傾き ・前面パネルの色 ・側面の色 ・アクセントカラー ・最大表示コメント数 配信画面や配信者さんのテーマカラーに合わせて調整できます。 ■ コメント表示について 新しいコメントは下側から追加され、古いコメントが上へ積み上がっていく形式です。 一定時間が経過してもコメントは自動で消えず、設定した最大表示件数を超えた場合のみ古いコメントから順番に押し出されます。 ■ 内容物 ・README_FIRST.txt ・docs ・obs_demo ・onecomme_template 「obs_demo」は見た目確認用です。 実際の配信では「onecomme_template」内のテンプレートをご利用ください。 ■ 動作環境 ・OBS Studio ・わんコメ ・YouTubeライブ等、わんコメで取得できるコメント配信環境 ※本商品単体ではコメントを取得できません。 コメント取得には「わんコメ」が必要です。 ■ 導入方法 ZIPを展開します onecomme_template内のテンプレートをわんコメへ追加します わんコメからOBSへテンプレートを追加します OBSのブラウザソースとして表示します 詳しい導入方法は同梱のREADME_FIRST.txtをご確認ください。 ■ デモについて obs_demo/index.htmlをブラウザ、またはOBSのブラウザソースで開くことで、わんコメに接続せずデザインを確認できます。 ※obs_demoは見た目確認用のデモです。実配信用ファイルではありません。 ■ ご注意 ・本商品はOBS用のHTMLコメント表示テンプレートです ・コメント取得機能そのものは含まれていません ・実際のコメント取得にはわんコメが必要です ・OBSやわんコメのアップデートにより動作仕様が変更される場合があります ・環境によってフォントの見え方に差が出る場合があります 通常の平面的な吹き出しでは物足りない方や、配信画面に少し変わった立体感を加えたい方におすすめです。