【わんコメ対応】月光クリスタル3Dコメント吹き出し｜OBS用HTML

青白い月光に照らされたクリスタルのような、幻想的な3Dコメント吹き出しテンプレートです。

深い夜色の半透明パネル、氷や鉱石を思わせる立体的な側面、銀色のエッジ、月光のようなハイライトを組み合わせ、通常の平面的なコメント表示とは違う「浮かぶ結晶プレート」のような見た目に仕上げました。

コメント表示時には、手前から立体的に現れる3Dアニメーションが入り、夜・月・星・幻想系の配信画面に自然になじみます。

HTML / CSS / JavaScriptで動作するため、外部3Dモデルや専用3Dソフトは必要ありません。

■ 特徴

・月光×クリスタルをイメージした3Dデザイン

・半透明の結晶パネル

・奥行きのある複数の厚みレイヤー

・青白い月光ハイライト

・銀色のエッジ表現

・氷や鉱石のような側面の立体感

・浮遊感のある奥行きシャドウ

・手前から現れる3D登場アニメーション

・名前とコメント本文を別行表示

・背景透過

・複数コメントの縦積み表示

・最大表示件数を超えた場合のみ古いコメントを押し出し

・時間経過による自動削除なし

・HTML形式の絵文字表示対応

・Unicode絵文字対応

・わんコメ連携対応

・OBSブラウザソース対応

・デモHTML付き

■ カスタマイズ

editor_schema.jsonに対応しており、各種設定を変更できます。

主な設定項目

・吹き出し最大幅

・本文文字サイズ

・名前文字サイズ

・最大表示コメント数

・3Dの厚み

・X方向 / Y方向の傾き

・発光の強さ

・メインカラー

・結晶の補助カラー

・エッジカラー

・アクセントカラー

・本文色

・名前色

・パネル透明度

配信画面の雰囲気に合わせて、より青く、紫寄りに、透明感を強くするなどの調整が可能です。

■ コメント表示について

新しいコメントは下側から追加され、古いコメントが上へ積み上がっていく形式です。

一定時間が経過してもコメントは自動で消えず、設定した最大表示件数を超えた場合のみ、古いコメントから順番に押し出されます。

■ 絵文字について

わんコメからHTML形式で渡される絵文字画像に対応しています。

通常のUnicode絵文字とあわせて表示できます。

■ 内容物

・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やわんコメのアップデートにより動作仕様が変更される場合があります

・環境によってフォントや発光表現の見え方に差が出る場合があります

月、星、夜空、幻想、クリスタル、魔法、歌枠などの世界観におすすめの3Dコメント吹き出しです。