【OBS】周回軌道で流れるコメントCSS【色変え自由】

周回軌道をモチーフが流れるアニメーション付きコメントCSSです。

わんコメ版とOBSカスタムCSS版では下記の違いがありますのでご注意ください。

※それぞれのファイルに注意事項がありますので下記を必読のうえDLしてご利用ください

配信者のためのコメントアプリ【わんコメ】→https://onecomme.com/

※わんコメご利用の際は利用規約をよくお読みになり、クレジットの記載を必ずお願いいたします

✦商品内容✦

【わんコメ版】

すべての色を自由に変えられる

【OBSカスタムCSS版】

コメント欄の名前の先頭に付くモチーフ以外の色を変えられる

▼モチーフ

ハート / 星 / ねこ / 肉球 / 花 / 太陽 / うさぎ / 月

▼セット商品（4種以上欲しい時はこちらがお得です）

全モチーフ計8種の時計が入っています

✦使用方法：わんコメ版✦

1⃣【わんコメ用】フォルダ内の【comment_●●】フォルダをわんコメのテンプレートにドラッグ＆ドロップ2⃣ 追加したテンプレ―トの【ここをドラッグしてOBSに入れる】箇所をOBSのソース欄にドラッグ＆ドロップする

3⃣ 2⃣ で追加された【index.html】ソースで、幅・高さを任意のものに設定する

4⃣ 下記を参考にして、変更したい箇所に関連する記述を変更し、OBSのカスタムCSSに追加する

----------------------------------------------------------

:root {

--color: #66ffb3; /* 周回軌道ボーダーや名前の前のモチーフ色 */

--name-color: #66ffb3; /* 名前の色 */

--message-color: #66ffb3; /* テキストの色 */

--comment-width: 500px; /* コメント全体の横幅 */

}

----------------------------------------------------------

※OBSの表示が変わらないもしくは真っ黒になった場合、OBSを再起動してください

✦使用方法：OBSカスタムCSS版✦

1⃣ OBSのソースにコメント欄を追加する(追加方法は各プラットフォームのやり方を参考にしてください)

2⃣ 追加したコメント欄ソースの幅・高さを任意のものに設定する

3⃣ カスタムCSSの部分に、【OBSカスタムCSS用】フォルダに入っている【orbit-●●.txt】の中身をすべてコピーして貼り付ける

4⃣ 追加したCSSの最初の方に記述している下記のroot部分で、変更したい箇所の色を変更する

----------------------------------------------------------

:root {

--color: #66ffb3; /* 周回軌道ボーダーの色 */

--name-color: #66ffb3; /* 名前の色 */

--message-color: #66ffb3; /* テキストの色 */

--comment-width: 500px; /* コメント全体の横幅 */

}

----------------------------------------------------------

※OBSカスタムCSS版では上記rootで--colorを変更しても、コメント名前の先頭に表示されるモチーフアイコンの色は変更されません

✦使用方法：周回軌道背景✦

1⃣ 【comment_bg.html】ファイルをOBSのソース部分にドラッグ＆ドロップする

2⃣ 幅と高さを正方形になるように調整する(800×800など)

3⃣ 色を変更する際は、カラーコードを変更したうえで、カスタムCSS部分に下記のコードを追加する

----------------------------------------------------------

:root {

--color: #66ffb3; /* 周回軌道ボーダー・モチーフの色 */

}

----------------------------------------------------------

4⃣ ソースを選択し、右クリックで【ブレンド方法ーSRGBオフ】に設定

✦利用規約✦

【許可事項】

・動画やライブ配信での使用

・クレジット等の表記不要

（ご表記いただける場合は[ペガサス工房/https://x.com/arima_wing]でお願いいたします）

・商用利用可(事前のご報告は不要です)

・使用報告不要

【禁止事項】

・公序良俗に反する活動への使用

・法律に反する活動への使用

・自作発言

【特記】

・本ツールの著作権は放棄しておりません

・使用上の加工は自由ですが、データを改変しての再配布は禁止しております。

・カスタムCSSの性質上、CSSの知識がある方は、ご自身で指定部分以外の数値を変更することも可能です。

　この場合は「改変」には該当しませんが、コードを変更し、ご自身のものとして再配布することは固く禁止しております。

・本ツールの使用に起因して発生したトラブルや損害について、制作者は一切の責任を負いかねますのでご了承ください。

ツールのご利用に関してのお問い合わせはBOOTHのメッセージまでご連絡ください。