![見出し画像](https://assets.st-note.com/production/uploads/images/126564493/rectangle_large_type_2_308985d8251be9ca8fd0408b509262da.png?width=1200)
OBSでココフォリアを録画するときのカスタムCSS(まとめ)
TRPGをオンラインで遊ぶにあたり、オンラインセッションツール『ココフォリア』を使用することが多い
楽しく遊べればそれでいいんだけど、せっかくなら後で見返せるようにログを残しておきたい
せっかくならログを見やすく&プレイ当時の印象が思い出せるような画面にしてみたい
![](https://assets.st-note.com/production/uploads/images/126662137/picture_pc_cd69f0052fccdf2f56f33a6bf6ae7284.gif?width=1200)
![](https://assets.st-note.com/img/1704316461079-RdyNacc9lX.png?width=1200)
ココフォリア+ Discord + OBS で録画している。OBSのブラウザソースにCSSを追加することにより、見た目をカスタムできるので頑張ってみたい
ただし、PLにそれを意識させたくない(録画のために立ち絵比率を制限するとか、録画領域を強く意識させるような部屋作りはしない方針。自然に遊んでもらうことを目標とし、録画はあくまで副次的なもの(コマの推奨の置き場所くらいは案内するかもだが…)
バストアップと全身が混在しても成り立つようにしたいし、置く用の全身スクリーンパネルとアイコン用のバストアップを別に設定してもらうなどもしない。
お借りしています
魔改造しています
雑談タブ用
![](https://assets.st-note.com/production/uploads/images/126562674/picture_pc_4868e1931b20c4586002f5d71685366d.gif?width=1200)
PC名の代わりに丸アイコン背景をカラー対応にしてみた。いい感じ
メインタブ表示
![](https://assets.st-note.com/production/uploads/images/126662109/picture_pc_9067dca3b3889f5eac0f335effdd1121.gif?width=1200)
PCステータス
![](https://assets.st-note.com/img/1704311160228-cwbrRa7Bil.png?width=1200)
2024年1月5日:記事を個別に分割しました。
日々のコーヒー代になります!