配信画面のコメント欄を、くすんだ色の紙のカードにします。 わんコメ（OneComme）用のコメントテンプレートです。 フォルダに入れて、わんコメの一覧から選ぶだけで使えます。 追加のプラグインは要りません。わんコメの標準機能だけで動きます。 ■ どんな見た目か コメントが1件ずつ、紙のカードになって積まれていきます。 カードには濃い色の縁と落ち影が付いていて、印刷物のような質感になります。 短いコメントは短いまま、長いコメントは折り返して出ます。 画面いっぱいに間延びしません。 ■ 8配色 珈琲 くすんだ赤茶。雑談・喫茶店のような画面に 若草 沈んだ緑。自然・のんびりした企画に 藍鉄 古い紺。夜の雑談・作業配信に 山吹 褪せた山吹。レトロゲーム・昭和寄りの画面に 桜鼠 灰みの桜色。歌枠・落ち着いたかわいい系に 錆浅葱 くすんだ青緑。落ち着いたゲーム配信・作業配信に 藤鼠 灰みの藤色。歌枠・夜の雑談に 利休鼠 緑みの灰。色を足したくない画面に 完全版：8配色（1,000円） 単色版：好きな1配色だけ（200円） 無料版：1配色（珈琲・0円） まず無料の「珈琲」で試して、気に入った色を1つだけ200円で足すことも、 最初から完全版でそろえることもできます。 5色以上ほしい場合は完全版のほうが安くなります。 形はそのままで、色だけが違います。 わんコメの一覧にはそれぞれ別のテンプレートとして並ぶので、 配信の内容に合わせて切り替えられます。 ■ コメント欄に出るもの ・通常コメント（アイコン・名前・本文） ・スーパーチャット、投げ銭（金額の帯 ＋ 本文の紙） ・メンバーシップ加入（専用の帯とプラン名） ・配信者 / モデレーター / メンバーの名前色の出し分け ・配信者とモデレーターには名前の前に印 ・初コメントの人に「はじめまして」のラベル ・配信サービス側のバッジ ・背景の透過 ■ 入れかた 1. わんコメのテンプレートフォルダを開き、中の custom フォルダに preditlab-retro-*** のフォルダをそのまま入れます 2. わんコメを再起動します 3. テンプレートの一覧に「PREditLab レトロ / 珈琲」などが出るので選びます 4. 表示されたURLを OBS の「ブラウザ」ソースに入れます ■ 色や大きさを変えられます 各フォルダの style.css を開くと、先頭に設定がまとまっています。 :root { --pl-paper: #F5EBD6; /* 紙の色 */ --pl-ink: #34291A; /* 文字と縁の色 */ --pl-paid: #B8862F; /* スパチャの帯の色 */ --pl-text-size: 17px; /* 文字サイズ */ --pl-radius: 12px; /* 角丸 */ --pl-drop: 3px; /* 落ち影の深さ */ --pl-width: 100%; /* コメントの最大幅 */ } ここを書き換えるだけで見た目が変わり、その先のCSSは触る必要がありません。 --pl-drop を 0px にすれば落ち影のない平らなカードになりますし、 紙と帯の色を差し替えれば、収録した8配色以外も作れます。 ■ 動作確認 わんコメ本体に読み込み、実際に流れるコメントで表示を確認しています。 8配色すべてがテンプレート一覧に並び、コメントとスーパーチャットが 意図した見た目で出ることを確認済みです。 公式プリセットと同じ読み込み方（vue3.min.js / OneSDK の権限指定）に 合わせているため、わんコメ側の作法から外れた書き方はしていません。 うまく出ないときはBOOTHのメッセージからご連絡ください。修正版を出します。 ■ 必要なもの ・わんコメ（OneComme） ・OBS など、ブラウザソースを置ける配信ソフト Template Utils などの追加プラグインは要りません。 ■ ライセンス 個人利用・商用利用OK。収益化している配信・動画でも使えます。 色や数値を書き換えて使うのも自由です。クレジット表記は不要です。 テンプレート自体の再配布・販売・譲渡はできません。 改変したテンプレートの再配布・販売もできません。 ■ まず無料版から 無料版の「珈琲」で、わんコメに入って表示されるかを確かめてから 完全版を選べます。 制作: PREditLab