✦ 透明な水晶を削って作ったようなコメント枠 ✦ 「Crystal Heart」は、すりガラスのように配信画面が透けるクリスタルの中にコメントが浮かび、 フチに沿って小さなキラキラがゆっくり一周する、わんコメ用コメント枠テンプレートです。 派手すぎない上品な光だけで透明感を表現しているので、 ゲーム画面・歌枠・雑談のどんな配信に重ねてもコメントの読みやすさを邪魔しません。 ━━━━━━━━━━━━━━ ✦ 特徴 ━━━━━━━━━━━━━━ ◆ キラキラがフチを一周 　大小3つの光（✦ ✧ 光点）が角丸のフチに沿って約7.5秒でゆっくり周回。 　呼吸するように明滅する、「気づくと動いている」上品な演出です。 ◆ 本物のガラスの透明感 　配信画面がふんわり透けるすりガラス仕様。 　色グラデーションに頼らない、白と光だけの自然なクリスタル感。 ◆ どんな画面でも読みやすい 　濃い青灰色の文字＋白いハローで、明るい画面でも暗いホラゲー画面でもくっきり。 ◆ コメントの長さに自動追従 　1行でも長文でも、キラキラの軌道はボックスの実サイズから自動計算。フチからズレません。 ◆ かんたんカスタマイズ 　色・サイズ・キラキラの速度は CSS 変数を書き換えるだけ。 　文字色プリセット8種（ラベンダー/ストロベリー/ミント/ミルクティー ほか）の 　コピペ用 CSS を取説に同梱しています。 ◆ 軽量設計 　transform 中心のアニメーションで、コメントが大量に流れても軽い。 　OS の「視差効果を減らす」設定（prefers-reduced-motion）にも対応。 ◆ スパチャ・メンバー表示に対応 　スパチャは金額バッジ付きで表示。配信者・モデレーター・メンバーは名前色で控えめに区別。 ━━━━━━━━━━━━━━ ✦ 同梱物 ━━━━━━━━━━━━━━ ・テンプレート一式（index.html / style.css / script.js / template.json / thumb.png） ・動作確認用プレビュー（わんコメなしでブラウザで見た目を確認できます） ・取扱説明書（README.md：導入手順・カスタマイズ・文字色プリセット8種） ━━━━━━━━━━━━━━ ✦ 導入方法（3ステップ） ━━━━━━━━━━━━━━ 1. わんコメの「テンプレート」→「フォルダを開く」で custom フォルダを開く 2. 同梱の crystal-heart フォルダをそのままコピー 3. わんコメのテンプレート一覧から OBS へドラッグ＆ドロップするだけ！ ━━━━━━━━━━━━━━ ✦ 動作環境 ━━━━━━━━━━━━━━ ・わんコメ（OneComme）8.0 以降（9.x で動作確認） ・OBS Studio ブラウザソース（推奨サイズ 幅500〜600 × 高さ700〜900） ・わんコメが対応する配信サイトで利用可能（YouTube / Twitch / ツイキャス / ニコ生 ほか） ※わんコメ無料プランでご利用の場合は、わんコメ公式規約に基づくクレジット表記が必要です。 ━━━━━━━━━━━━━━ ✦ 利用規約 ━━━━━━━━━━━━━━ ・購入者ご本人の配信・動画（収益化含む）で利用OK ・CSS の改変OK ・素材そのもの／改変物の再配布・転売は禁止 ・クレジット表記は不要（記載していただける場合は「れち」まで） ━━━━━━━━━━━━━━ ✦ 更新履歴 ━━━━━━━━━━━━━━ 2026/09/01 v1.0.0 公開