【無料版あり】わんコメ用コメントテンプレート ゆめかわ 4配色|パステルの丸いカードで積まれるコメント欄|スパチャ・メンバー対応|プラグイン不要|PREditLab Yumekawa
상품 설명
配信画面のコメント欄を、パステルの丸いカードにします。
わんコメ(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
모든 리뷰
더보기리뷰 등록
리뷰를 작성하려면 로그인이 필요합니다.
로그인하고 리뷰 쓰기