YouTubeで活動しているVTuber/配信者の皆さまにおかれましては、日頃から配信画面にチャットウィンドウを載せている方も多いと思われます。カスタムCSSでレイアウトを調整し、リッチな表示にこだわりを持っている方もいることでしょう。
そんなチャット欄がより楽しい雰囲気をまとえたら、もちろん嬉しいよなあ。
というわけで作ってみました。【配信画面に載せるチャットの絵文字を動くアイコンに置き換えるカスタムCSS「CAeMoji」】〜〜〜〜。
𝙄𝙢𝙖 𝙏𝙨𝙪𝙠𝙪𝙩𝙩𝙚𝙧𝙪 𝙈𝙤𝙣𝙤... pic.twitter.com/ieaRUnYKvA
— Kahlua (@nekosogi) June 7, 2022
こちらの動画ではクレヨン(🖍)の絵文字を、動くペンライトのアイコンに置換して表示しています。歌枠等で「ペンライトの代わりに何らかの絵文字を打って」とリスナーに呼びかけている方々。このCSSを使えば、絵文字を打つと実際にペンライトが配信画面上で振られるようになります。まあなんて豪華。
こちらのジェネレーターをご利用ください。
使用したいアイコン下部のフォームに、対応させたい絵文字を入力して「生成する」ボタンを押します。
あとは表示されたCSSコードをOBSに持っていけば導入完了。既に他のカスタムCSSを利用している場合は、末尾に追加してください。複数のアイコンをまとめて使うこともできます。逆に必要ないアイコンは触れずに空白のままにしておけばコードには含まれません。
また、これらのアイコンと相性のよい(はず)チャット欄全体のカスタムCSSもご用意いたしました。
— Kahlua🍗動く絵文字つくったよ (@nekosogi) June 22, 2022
ご利用の際は下記コードをジェネレーター産のものの前に貼り付けてください。
See the Pen Untitled by Kahlua (@nekosogi) on CodePen.
ベータ版的な扱いなので、一部の環境で不具合等が起きるかもしれない。すまぬ。
それでも試しに使ってやろうと言っていただける場合は、もしよかったらその後の感想・不具合報告等を送っていただけますと幸いです。導入時のわからない点を聞いてくれてもいいよ。
方法は
等々、よきにはからってください。
もちろん要望も歓迎だよ。「ペンライト、◯◯色が欲しい〜〜」って言ってもらえたら優先的に増やすかもね。
諸々はこちらの内容に沿ってご活用ください。