配信画面のコメント欄を、パステルの丸いカードにします。 わんコメ（OneComme）用のコメントテンプレートです。 フォルダに入れて、わんコメの一覧から選ぶだけで使えます。 追加のプラグインは要りません。わんコメの標準機能だけで動きます。 ■ どんな見た目か コメントが1件ずつ、白いふちの丸いカードになって積まれていきます。 カードは上から下へ淡くグラデーションし、まわりにやわらかい光が付きます。 配信者とモデレーターの名前には小さなハートが付き、 スーパーチャットは2色のグラデーションの帯になります。 短いコメントは短いまま、長いコメントは折り返して出ます。 画面いっぱいに間延びしません。 ■ 4配色 わたあめ 淡いピンク。雑談・歌枠のやわらかい画面に ミントソーダ 淡い青緑。ゲーム・作業配信の涼しい画面に ラベンダー 淡い紫。夜の雑談・ASMRの落ち着いた画面に レモンクリーム 淡い黄。明るい企画・お知らせ枠に 完全版：4配色（600円） 単色版：好きな1配色だけ（200円） 無料版：1配色（わたあめ・0円） まず無料の「わたあめ」で試して、気に入った色を1つだけ200円で足すことも、 最初から完全版でそろえることもできます。 2色以上ほしい場合は完全版のほうが安くなります。 形はそのままで、色だけが違います。 わんコメの一覧にはそれぞれ別のテンプレートとして並ぶので、 配信の内容に合わせて切り替えられます。 ■ コメント欄に出るもの ・通常コメント（アイコン・名前・本文） ・スーパーチャット、投げ銭（グラデーションの帯 ＋ 本文のカード） ・メンバーシップ加入（専用の帯とプラン名） ・配信者 / モデレーター / メンバーの名前色の出し分け ・配信者とモデレーターには名前の前にハートの印 ・初コメントの人に「はじめまして」のラベル ・配信サービス側のバッジ ・背景の透過 ■ 入れかた 1. わんコメのテンプレートフォルダを開き、中の custom フォルダに preditlab-yumekawa-*** のフォルダをそのまま入れます 2. わんコメを再起動します 3. テンプレートの一覧に「PREditLab ゆめかわ / わたあめ」などが出るので選びます 4. 表示されたURLを OBS の「ブラウザ」ソースに入れます ■ 色や大きさを変えられます 各フォルダの style.css を開くと、先頭に設定がまとまっています。 :root { --pl-paper: #FFF0F6; /* カードの色（上） */ --pl-paper2: #FFE2EF; /* カードの色（下） */ --pl-ink: #5A3D52; /* 本文の文字色 */ --pl-paid: #FF8FB8; /* スパチャの帯の色 */ --pl-text-size: 17px; /* 文字サイズ */ --pl-radius: 19px; /* 角丸 */ --pl-drop: 10px; /* まわりの光のぼかし */ --pl-width: 100%; /* コメントの最大幅 */ } ここを書き換えるだけで見た目が変わり、その先のCSSは触る必要がありません。 --pl-drop を 0px にすれば光のない平らなカードになりますし、 --pl-mark を "\2605" にすれば名前の前の印がハートから星に変わります。 カードと帯の色を差し替えれば、収録した4配色以外も作れます。 ■ 動作確認 わんコメと同じ描画のしかた（Vue 3 ＋ OneSDK のコメント配列）を再現した 確認用ページで、4配色すべての表示を検証しています。 公式プリセットと同じ読み込み方（vue3.min.js / OneSDK の権限指定）に 合わせているため、わんコメ側の作法から外れた書き方はしていません。 うまく出ないときはBOOTHのメッセージからご連絡ください。修正版を出します。 ■ 必要なもの ・わんコメ（OneComme） ・OBS など、ブラウザソースを置ける配信ソフト Template Utils などの追加プラグインは要りません。 ■ ライセンス 個人利用・商用利用OK。収益化している配信・動画でも使えます。 色や数値を書き換えて使うのも自由です。クレジット表記は不要です。 テンプレート自体の再配布・販売・譲渡はできません。 改変したテンプレートの再配布・販売もできません。 ■ まず無料版から 無料版の「わたあめ」で、わんコメに入って表示されるかを確かめてから 完全版を選べます。 制作: PREditLab