奥行きと厚みを感じられる、立体的なデザインのわんコメ対応コメント吹き出しテンプレートです。 前面パネル、斜めに押し出された側面、エッジ、接地影を重ねることで、平面的な枠ではなく、画面の手前へ浮き出したような立体感を表現しました。 新しいコメントが届くと、吹き出しが奥から手前へせり出すように登場。表示後は前面を反射光がゆっくり横切り、素材の厚みや光沢を引き立てます。 右側に文字やロゴ装飾を置かないシンプルな構成のため、コメント本文を広く表示できます。ゲーム配信、雑談、近未来、メカ、スタイリッシュな配信画面など、幅広い雰囲気に合わせやすいデザインです。 コメント部分以外の背景は透過されているため、ゲーム画面や配信背景の上へ自然に重ねて使用できます。 【内容】 ・わんコメ用コメント吹き出しHTML ・ブラウザ確認用OBSデモ ・設定用 editor_schema.json ・template.json ・README ・トラブルシューティング 【特徴】 ・厚みと奥行きを感じられる立体的なコメント吹き出し ・前面、エッジ、側面を重ねた多層構造 ・斜めに押し出された側面表現 ・吹き出しの下に落ちる接地影 ・新着コメント時に奥から手前へせり出す登場演出 ・前面をゆっくり横切る反射光 ・右側のロゴや文字装飾がないシンプルな構成 ・コメント本文を広く使えるレイアウト ・コメントごとにブルー、グリーン、ピンク、パープル系へ配色変化 ・質問、応援、スタンプ、スパチャ風コメントでも色が変化 ・投稿者名と本文を分けた読みやすい表示 ・絵文字やスタンプ画像の表示に対応 ・長文コメントは本文欄のみ一行スクロール ・コメント部分以外の背景は透過 ・時間経過では自動消去せず、最大表示件数で押し出し ・OBSブラウザソースで使用可能 ・わんコメ対応 【OBSデモについて】 obs_demo フォルダ内のHTMLをブラウザで開くと、サンプルコメントが自動で表示されます。 わんコメを起動していない状態でも、せり出す登場演出、厚み、側面、接地影、反射光などを確認できます。 OBSのブラウザソースで「ローカルファイル」を指定して表示することも可能です。 【使い方】 ダウンロードしたZIPファイルを解凍します。 onecomme_template フォルダ内のテンプレートを、わんコメのテンプレートフォルダへ配置します。 わんコメ側で本テンプレートを選択します。 OBSのブラウザソースへ追加してご使用ください。 【カスタマイズ】 editor_schema.jsonに対応しているため、対応するテンプレートエディタから各項目を調整できます。 調整できる主な項目： ・コメント文字サイズ ・投稿者名の文字サイズ ・吹き出しの最大幅 ・最大表示件数 ・吹き出しの厚み ・前面の色 ・側面の色 ・影の強さ ・反射光の強さ ・登場アニメーションの速度 ・長文スクロール ・スタンプ画像のサイズ 【注意事項】 ・本商品は、わんコメとOBSブラウザソースでの使用を想定したHTMLテンプレートです。 ・立体表現はHTMLとCSSによる擬似的な表現です。 ・実際の3Dモデルや3Dデータは使用していません。 ・環境やOBSの設定によって、影や反射光、アニメーションの見え方が異なる場合があります。 ・必要に応じてOBS側でブラウザソースの幅と高さを調整してください。 ・本商品に音声素材、効果音、BGMは含まれていません。 ・テンプレート本体の再配布、再販売、自作発言は禁止です。 厚みのある吹き出しが画面の手前へせり出し、視聴者から届いたコメントを存在感のあるビジュアルで表示します。 ゲーム、雑談、近未来、メカ、スタイリッシュな配信画面づくりにぜひご活用ください。