――契約は成された。 残るは、封印を解くだけ。 「深淵契約 / ABYSS COVENANT」は、封印・契約・深淵・魔眼をテーマにした、わんコメ・OBS向けのダークファンタジー系HTMLコメント吹き出しテンプレートです。 黒曜石を思わせる漆黒のフレーム。 紫に輝く刻印と封印輪。 そして、吹き出し下部で静かに開く魔眼。 コメントが届くたびに封印が解除されるような演出で、配信画面を“禁断の契約空間”へ変化させます。 中二病全開の世界観、ダークファンタジー、魔術、悪魔、吸血鬼、ゴシック、異能力系の配信画面におすすめです。 ━━━━━━━━━━━━━━━━━━ ■ 封印解除から始まるコメント演出 ━━━━━━━━━━━━━━━━━━ 新しいコメントが届くと、 ・刻印が順番に点灯 ・右上の封印輪が回転 ・契約紙が開くように本文面が出現 ・中央下の魔眼が覚醒 という流れでコメントが表示されます。 単純にフェードインするだけではなく、「何かの封印が解かれてコメントが召喚される」ような演出を目指しました。 ━━━━━━━━━━━━━━━━━━ ■ 通常コメントは紫の封印光 ━━━━━━━━━━━━━━━━━━ 通常コメントは、 ・黒曜石風の暗いフレーム ・紫の封印光 ・紫銀の刻印輪 ・淡く発光する魔眼 を組み合わせたデザインです。 本文面は明るい契約紙風にしているため、装飾を強めながらもコメント本文を読みやすくしています。 ━━━━━━━━━━━━━━━━━━ ■ 有料コメントは「契約成立」仕様 ━━━━━━━━━━━━━━━━━━ Super Chatなど金額情報を受信したコメントでは、通常の紫系演出から変化。 ・封印光が赤金系へ変化 ・刻印輪のアクセントを強調 ・金額を専用枠に表示 ・魔眼と契約光が強く発光 通常コメントより一段階強い「契約成立」を思わせる見た目になります。 ━━━━━━━━━━━━━━━━━━ ■ 魔眼と封印輪が静かに動く ━━━━━━━━━━━━━━━━━━ コメント表示後も、 ・封印輪の光 ・魔眼の発光 ・刻印部分の魔力光 がゆっくりと動きます。 本文そのものを揺らす演出ではないため、動きのあるデザインでもコメントの読みやすさを保ちます。 常時演出は設定からOFFにすることもできます。 ━━━━━━━━━━━━━━━━━━ ■ コメント表示仕様 ━━━━━━━━━━━━━━━━━━ ・新しいコメントは下に追加 ・名前と本文を別領域に表示 ・時間経過だけではコメントを削除しません ・最大表示数、または画面の高さを超えた場合のみ古いコメントから押し出します ・短文は固定表示 ・長文は右から左へスクロール ・末尾まで表示した後は先頭位置へ戻って繰り返します ・clearイベントに対応 ・同じ文章が連続して投稿された場合も、別IDなら別コメントとして表示 画像データを取得できる場合は、 ・画像絵文字 ・通常画像 ・Sticker画像 ・Super Chat等の金額 も表示できます。 ━━━━━━━━━━━━━━━━━━ ■ 21項目をカスタマイズ ━━━━━━━━━━━━━━━━━━ 同梱の「preview.html」から、見た目を確認しながら設定できます。 【配置】 ・吹き出しの幅 ・最大表示数 ・吹き出しの間隔 【文字】 ・本文の文字サイズ ・名前の文字サイズ ・折り返し表示の上限 ・長文スクロール速度 ・ゴシック / 明朝の書体切り替え 【デザイン】 ・契約紙の色 ・黒曜石枠の色 ・金属縁の色 ・本文・名前の色 ・封印光の色 ・刻印輪の色 ・有料コメントの契約光 ・プロフィール画像の表示 / 非表示 ・黒曜石の粒状感 【演出】 ・封印解除演出のON / OFF ・登場演出の時間 ・刻印輪・魔眼の常時演出 ・魔力光の強さ 紫だけでなく、赤・青・緑・金・白などへ変更して、自分のキャラクターや配信画面に合わせた「オリジナルの魔術属性」にすることもできます。 ━━━━━━━━━━━━━━━━━━ ■ 背景透過 ━━━━━━━━━━━━━━━━━━ 吹き出しの外側は透明です。 魔眼・封印輪・刻印などの装飾も吹き出しの周辺にまとめているため、ゲーム画面や配信背景の上へそのまま重ねて使用できます。 画面全体を覆う背景演出はありません。 ━━━━━━━━━━━━━━━━━━ ■ 内容物 ━━━━━━━━━━━━━━━━━━ ・わんコメ用HTMLテンプレート一式 ・設定用 preview.html ・見た目確認用 obs_demo ・オリジナル装飾素材 ・導入説明書 ・トラブルシューティング ・利用規約 ※obs_demoは見た目確認専用です。 実際の配信では「onecomme_template / abyss-covenant」内のテンプレートを使用してください。 ━━━━━━━━━━━━━━━━━━ ■ 導入方法 ━━━━━━━━━━━━━━━━━━ 1. ZIPをすべて展開します。 2. 必要に応じて「preview.html」をChromeまたはEdgeで開きます。 3. 色・サイズ・演出などを調整します。 4. 「settings.js」を書き出します。 5. onecomme_template / abyss-covenant 内のsettings.jsへ上書きします。 6. abyss-covenantフォルダを、わんコメのカスタムテンプレートとして追加します。 7. わんコメからOBSへ追加します。 初期設定でのOBSブラウザソース目安： 幅640 × 高さ1080 ━━━━━━━━━━━━━━━━━━ ■ こんな配信におすすめ ━━━━━━━━━━━━━━━━━━ ・ダークファンタジー系ゲーム実況 ・RPG / アクションゲーム実況 ・魔術師・悪魔・吸血鬼系VTuber ・ゴシック系の配信画面 ・異能力・禁書・封印をテーマにした配信 ・中二病全開の世界観を作りたい方 ・普通のコメント欄では物足りない方 ━━━━━━━━━━━━━━━━━━ ■ デザインについて ━━━━━━━━━━━━━━━━━━ 本商品は「封印・契約・深淵・魔眼」という一般的なダークファンタジー表現をもとに制作したオリジナルデザインです。 既存作品のロゴ・キャラクター・固有UI・固有紋章・音源などは使用していません。 特定のゲーム・アニメ・漫画・企業等の公式商品、公認素材ではありません。 ━━━━━━━━━━━━━━━━━━ ■ 利用条件 ━━━━━━━━━━━━━━━━━━ 【可能なこと】 ・ご自身の配信・動画での使用 ・収益化済み配信・動画での使用 ・ご自身の使用範囲での色・サイズ・コード等の改変 【禁止事項】 ・データの再配布 ・転売 ・第三者との共有 ・改変したデータの配布・販売 ・素材やコードを取り出して別の商品として配布・販売する行為 ・自作発言 本商品へのクレジット表記は任意です。 わんコメ・OBSなど各サービスの利用条件は、それぞれの公式案内をご確認ください。 詳細は同梱の「LICENSE.txt」をご確認ください。 ━━━━━━━━━━━━━━━━━━ 深淵を覗く者よ。 そのコメントをもって、契約を完成させよ。 制作：たっくん