ひとことが、結界をひらく。 コメントが届くと、吹き出しの中の一点から黒い球殻が広がる。 光る縁が通り過ぎた先には、ゆっくり回転する幾何学の紋様。 「黒殻結界（こっかくけっかい）」は、異能バトルやダークファンタジーをイメージした、OBS・わんコメ向けHTMLコメントテンプレートです。 ゲーム実況や雑談配信に、静かな迫力と神秘的な雰囲気を添えます。 ━━━━━━━━━━━━━━ ■ 一点から広がる、結界の展開 ━━━━━━━━━━━━━━ 新しいコメントが届くと、吹き出しの内側から円形に表示が広がります。 展開の起点は投稿者名や本文などに応じて変化し、光る輪が吹き出しを包み込みます。 古いコメントが押し出されるときは、反対に起点へ向かって収縮。 登場から退場まで、結界の展開・解除をイメージした演出です。 ━━━━━━━━━━━━━━ ■ 内側に浮かぶ幾何学紋様 ━━━━━━━━━━━━━━ 同心円、放射線、多角形、目盛りを組み合わせた紋様が、吹き出しの奥でゆっくり回転します。 中心には小さな光の核が残り、呼吸するように脈動します。 紋様の組み合わせや回転方向は、投稿者名や本文などに応じて決まります。 新しいコメントが積み重なるほど、古いコメントの紋様と核が薄れ、静まっていきます。 紋様は文字より奥に配置し、本文の読みやすさにも配慮しています。 ━━━━━━━━━━━━━━ ■ スパチャ・ギフトで「臨界」へ ━━━━━━━━━━━━━━ スパチャ・ギフトとして判定されたコメントでは、通常の青白い紋様が金色へ変化。 明るい核と金色の縁に加え、起点から波紋が繰り返し広がります。 名前の横には「臨界」ラベルを表示。 金額情報を受け取った場合は、ラベルに金額も表示します。 ※判定・金額表示は、わんコメから受け取る情報に依存します。 ※金色は初期設定です。設定で変更できます。 ━━━━━━━━━━━━━━ ■ コメントの表示 ━━━━━━━━━━━━━━ ・名前と本文を別行に表示 ・新しいコメントを下に追加し、古いコメントを上へ移動 ・時間経過による自動消去なし ・最大表示数を超えると、古いコメントから収縮して退場 ・長文は吹き出し幅に合わせて折り返し ・本文に含まれる画像絵文字を表示 ・画像だけの本文は大きめに表示 ・吹き出しの外側は背景透過 結界の輪や波紋は吹き出しの範囲に収まり、配信画面全体を覆いません。 ━━━━━━━━━━━━━━ ■ 調整できる項目 ━━━━━━━━━━━━━━ ・本文／名前の文字サイズ、行間 ・吹き出しの最大幅／最小幅 ・コメント間隔、画面端の余白 ・本文、名前、背景、紋様、核、縁などの色 ・臨界演出の色 ・最大表示コメント数（初期値5件） ・紋様の回転、脈動、臨界の波紋のON／OFF ・登場／退場アニメーションの速さ 調整用のpreview.htmlを同梱。 プレビューで見た目を確認しながら、設定用のCSSを書き出せます。 ※変更を本番へ反映するには、書き出したCSSをテンプレートのstyle.cssへ反映してください。自動反映ではありません。 ※動きのOFF設定でも、登場・退場の演出は残ります。 ※editor_schema.jsonも同梱しています。 ━━━━━━━━━━━━━━ ■ 内容物 ━━━━━━━━━━━━━━ ・わんコメ用HTMLテンプレート ・わんコメなしで動きを確認できる自動デモ ・見た目の調整用プレビュー ・editor_schema.json ・日本語導入説明 ・トラブルシューティング ━━━━━━━━━━━━━━ ■ 導入方法 ━━━━━━━━━━━━━━ 1. ダウンロードしたZIPを展開します。 2. onecomme_template内のblack_shellフォルダを、わんコメのテンプレート用customフォルダへコピーします。 3. わんコメを再起動し、テンプレート一覧から選択します。 4. テンプレートのURLをOBSのブラウザソースに設定します。 推奨ソースサイズ：幅640 × 高さ720px。 詳しくは同梱のREADME_FIRST.txtをご確認ください。 ━━━━━━━━━━━━━━ ■ ご購入前に ━━━━━━━━━━━━━━ 本商品は縦に積み重なるコメント表示です。横流れタイプではありません。 長文や表示件数によっては画面内に収まらない場合があります。ソースの高さ・吹き出し幅・文字サイズ・最大表示数を調整してください。 画像の表示は、コメント本文に画像情報が含まれる場合が対象です。すべてのサービスのスタンプやギフト画像の表示を保証するものではありません。 OBS・わんコメは別途ご用意ください。 本商品は、わんコメの公式商品ではありません。 ━━━━━━━━━━━━━━ ■ ご利用について ━━━━━━━━━━━━━━ 配信・動画での商用／非商用利用が可能です。 ファイルの再配布・転売、改変したファイルの配布は禁止しています。 本素材の作者クレジットは任意です。 わんコメ側の利用規約・クレジット表記条件は別途ご確認ください。 制作：たっくん