【わんコメ対応】メタルプレート3Dコメント吹き出し｜OBS用HTML

削り出しの金属プレートがそのまま浮かんでいるような、重厚感のある3Dコメント吹き出しテンプレートです。

黒鉄・ガンメタ・シルバー系の金属質感をベースに、厚い側面、強めの面取り、四隅のボルト、ヘアライン風の表面表現を組み合わせ、通常の平面的なコメント表示とは違う「物体として存在している」ような立体感を目指しました。

コメント表示時には、奥行き方向から手前へせり出す3Dアニメーションが入り、ゲーム配信・メカ・工業・ミリタリー・SF系の配信画面に合わせやすいデザインです。

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

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

ゲーム、メカ、工業、ロボット、SF、ミリタリー、近未来系の配信画面におすすめの3Dコメント吹き出しです。