発言して確かめる（プレビューだけ。書き出す CSS には影響しません）
見本の立ち絵
OBS のブラウザソースに入れる URL（ルームの URL そのまま）
メッセージボックスはルームの画面にしかありません。末尾が /chat のチャット画面ではなく、ルームの URL を入れてください。
読み込み中...
書き出す CSS を見る
OBS での設定
- ソースを追加 →「ブラウザ」。URL にルームの URLを入れます：
https://ccfolia.com/rooms/{ルームID}
チャットウィンドウメーカーと違い、末尾に/chatは付けません。 - 幅と高さに、上に出ている ブラウザソースの大きさ を入れます。
- 「カスタム CSS」の中身を全部消して、コピーした CSS を貼り付けます。ルームの盤面や駒は消えて、何も映らなくなれば OK です。
- 「OBS で音声を制御」をオンにして、音声ミキサーでこのソースをミュートします。オフのままだと、ルームの BGM やダイスの音が PC から二重に鳴ります。
- ココフォリアへのログインが必要です。いったん URL を
https://ccfolia.com/にして、ソースを右クリック →「対話」でログインしてから、URL を元に戻します（1 回やれば覚えています。ほかのブラウザソースとも共通です）。
映り方
- 出るのは、ソースを読み込んだあとのメイン・情報タブの発言です。OBS を起動した直後やソースを読み込み直した直後は、次の発言まで何も映りません。
- 発言が続くと 1 件ずつ順番に出ます。最後の発言は消えずに残ります。
- 消したいときは、OBS でソースを右クリック →「対話」を開き、ボックスにマウスを乗せて出てくる「閉じる」（×）を押します（「箱・配置」タブの「ボタン」が「マウスを乗せたときだけ」のとき）。自分のココフォリアの画面で閉じても、OBS のほうは閉じません（閉じたかどうかはブラウザごとに別です）。ソースのプロパティで「現在のページのキャッシュを更新」を押しても消えます。
- ルームの設定でメッセージボックスを隠している（チャットの
hide mbなど）と、OBS にも出ません。 - ほかの人あての秘話は出ません（ログインしているアカウントあての秘話は出ます）。
- ダイスの画像を箱の上に出すには、ルーム設定の「旧ダイス演出を利用する」をオンにします。オフのときの 3D ダイスは、盤面と一緒に消えます。
出目まで映したいとき（チャットウィンドウメーカーと組み合わせる）
メッセージボックスには「＞ 成功」のような最後の部分しか出ませんが、チャット欄には (1D100<=50) ＞ 23 ＞ 成功 のように全部出ます。台詞はメッセージボックス、ダイスの結果はチャット欄から、と分けて映すのがおすすめです。
- チャットウィンドウメーカーで、ひな形「ダイス速報（1件を大きく）」を選びます。最新のダイスを 1 件だけ大きく出して、10 秒で消えます。色や書体は、このツールと同じ選び方で合わせられます。
- OBS にもう 1 つブラウザソースを追加し、URL を末尾が /chat のチャット画面（
https://ccfolia.com/rooms/{ルームID}/chat）にして、チャットウィンドウメーカーの CSS を貼ります。ログインは共通なので、入り直す必要はありません。 - ダイスの窓を、メッセージボックスの上や横（立ち絵のない側）に置きます。
GM が 1 人で、台詞ごとに立ち絵を出したいとき（シナリオテキストメーカーと組み合わせる）
メッセージボックスに出る立ち絵は、発言したキャラクターの立ち絵です。GM が NPC や PC の台詞をまとめて送るときに、台詞ごとに立ち絵を切り替えたいなら、シナリオテキストメーカーが使えます。台本を貼って、話し手ごとに立ち絵を登録すると、ココフォリアの「シナリオテキスト」としてまとめて読み込めます。一覧から送るだけで、このツールで作ったデザインのメッセージボックスに、そのキャラの立ち絵が出ます。
うまく映らないとき
- 何も映らない → ソースを読み込み直したあとに発言があったか、ログインしているかを確かめてください。CSS を消すとルームの画面が見えるはずです。
- ルームに入る前の画面や、ログインの画面が映る → 手順 5 でログインしてください。
- 立ち絵の上が切れる → ブラウザソースの高さを上げるか、「立ち絵・ダイス」タブの「高さの上限」を下げてください。
PC に入れたフォントを使うとき
- フォント欄で「名前で指定（PCのフォント）」を選び、フォント名を入れます。Chrome / Edge では「一覧から選ぶ」で、PC に入っているフォントを見た目で選べます（初回はフォントの使用の許可を聞かれます）。
- OBS は自分の PC のフォントで表示するので、OBS を動かす PC にも同じフォントを入れてください。入っていないと、ふつうのゴシック体になります。
このツールについて
マシュマロでいただいた「メインの吹き出しも自由にデザインしたい」という声から作りました。ダイスの結果や秘匿チャットを映すなら、姉妹ツールのチャットウィンドウメーカー、GM が 1 人でも台詞ごとに立ち絵を出せるシナリオテキストメーカーもどうぞ。「こんなツールがほしい」「ここが使いにくい」といった声も、マシュマロからお気軽にどうぞ。