配信画面ひと通りを、ぜんぶ同じ配色・同じ線の細さ・同じ余白で作った6点セットです。待機画面も、枠も、帯も、板も、背景も、ひとつの表から色と線を引いているので、並べて置くと「同じ人が作った1つの画面」になります。 狙いは「静かで、じゃまをしない画面」です。白か淡い地、髪の毛のように細い線、大きな余白、ごく薄い影、差し色は1色だけ。模様や飾りは一切使っていません。 動画ファイルではありません。その場で描いているので容量はごくわずかで、設定で色も線の細さも変えられて、ずっと軽いままです。 単一HTML・インストール不要・アカウント不要・オフライン動作。OBSのブラウザソースに入れるだけ。日本語／English 切替対応。 ━━━━━━━━━━━━━━━━━━ ◆ このセットのいちばんの売り ━━━━━━━━━━━━━━━━━━ ⚙で配色と線の細さを変えると、6点ぜんぶが同じように変わります。 設定の保存先が6点で共通になっているので、たとえば待機画面の⚙で配色を「黒（反転）」、線の細さを 1.6 にすれば、枠も帯も板も背景も同じになります。1枚ずつ設定し直す必要はありません。 ・配色は5とおり … 白／生成り（ごく淡い黄み）／薄いグレー／濃紺（反転）／黒（反転） ・線の細さは 0.4〜3.0 で自由（1が髪の毛くらい＝1080pで約1画素） ・差し色は好きな色に変えられます ・地に敷く細線は6とおり … 方眼／横罫／斜線／点／十字／引かない ・小さい字の字間も 0〜0.6 で調整できます ━━━━━━━━━━━━━━━━━━ ◆ 収録している6点 ━━━━━━━━━━━━━━━━━━ ・standby.html … 待機画面（全画面）。開演時刻を入れておけば、そこまでのカウントダウンが大きく出ます ・brb.html … 休憩と終了の画面（全画面）。上下に細い線が渡り、その上を差し色がゆっくり流れます ・frame.html … 画面の枠（真ん中は完全に透明）。太さ・余白・地の濃さ・目盛り・上の札を設定できます ・band.html … 名前と一言の帯（下三分の一）。端に四角の印。左右／中央に寄せられます ・board.html … お願い・ルールの板。箇条書きを書くだけ。短い棒か番号を選べます ・bg.html … 背景（画面いっぱい）。細い線がごく静かに流れ、淡い光が横切ります ━━━━━━━━━━━━━━━━━━ ◆ 6点が「同じ画面」に見える理由 ━━━━━━━━━━━━━━━━━━ 角の丸み、線の太さ、四隅の角の印（L字）、差し色の短い線、余白、書体、字間、行間 ── これらを6点が同じ1つの表から引いています。だから枠の角と板の角と帯の角が同じ形になり、並べたときに「後から足した感じ」が出ません。 ━━━━━━━━━━━━━━━━━━ ◆ 背景は90秒でぴったり一周します ━━━━━━━━━━━━━━━━━━ 一周したところの絵は、始まりの絵と1画素までぴったり同じです（画素単位で確認しています）。動画ループにありがちな「継ぎ目でカクッと飛ぶ」がありません。 ━━━━━━━━━━━━━━━━━━ ◆ OBSへの入れ方 ━━━━━━━━━━━━━━━━━━ 1. ソース →「＋」→「ブラウザ」 2.「ローカルファイル」にチェック → 使いたい .html を選ぶ 3. 幅・高さは配信画面と同じ大きさ（例: 1920 x 1080）を入れる 4. 枠・帯・板は上のほうに、背景はいちばん下（いちばん奥）に置く 枠・帯・板は背景が透明なので、下の映像やゲーム画面がそのまま透けます。 よくある組み方 ・配信中 … bg.html（奥）＋ 映像 ＋ frame.html ＋ band.html ＋ board.html ・開演前 … standby.html だけ ・休憩中 … brb.html だけ ・終わり … brb.html を⚙で「終了・ご挨拶」にする ━━━━━━━━━━━━━━━━━━ ◆ 設定ボタン（⚙） ━━━━━━━━━━━━━━━━━━ 文字も、配色も、線の細さも、URLを書き換えずに設定できます。 1. ソース一覧のこの素材を右クリック →「対話」を選ぶ 2. 画面にマウスを乗せると、右上に ⚙ が出ます（出ないときは S キー） 3. 変更して「保存して閉じる」 ・普段 ⚙ は見えないので、配信画面には映りません ・設定は保存され、OBSを再起動しても残ります ・?key=a ?key=b を付けると、シーンごとに別の設定にできます ※ 設定の保存先はブラウザごとに別々です。Chromeで開いて設定してもOBS側には反映されません。OBSで使うぶんは、必ずOBSの「対話」画面の中で設定してください。 ━━━━━━━━━━━━━━━━━━ ◆ 6点に共通の設定 ━━━━━━━━━━━━━━━━━━ ・?theme= … 配色（shiro＝白（初期）/ kinari＝生成り / hai＝薄いグレー / kon＝濃紺（反転）/ sumi＝黒（反転）） ・?line=1.6 … 線の細さ（0.4〜3。初期1） ・?track=0.32 … 小さい字の字間（0〜0.6。初期0.22） ・?scale=1.3 … 文字の大きさ（0.3〜3）／ ?speed=0.5 … 動きの速さ（0.1〜3） ・?corner=off … 四隅の角の印を置かない ／ ?shadow=off … ごく薄い影を落とさない ・?paperc= / ?inkc= / ?accc= … 地・文字と線・差し色の色を自分で指定（#は不要） ・?bgline= / ?bgdrift= / ?bgdens=30 / ?bgvign=0 / ?bgsweep=off … 地（背景）の設定。待機・休憩・背景の3点に効きます ・?lang=en … 英語表示 ／ ?key=a … 保存先を分ける ／ ?mode=stream … ⚙を完全に出さない 画面ごとの設定（開演時刻・見出し・箇条書き・帯の高さ・枠の太さなど）は同梱の説明書に全部載せてあります。 ━━━━━━━━━━━━━━━━━━ ◆ ご注意 ━━━━━━━━━━━━━━━━━━ ・効果音はありません（表示のみです） ・開演時刻は「時と分」だけです。日付の指定はできません ・休憩の残り時間は、その画面を開いた時から数えます（前回の続きにはなりません） ・視聴者コメントの集計や、外部アプリ・APIとの連携機能はありません ・6点は同じ保存先を使うので、⚙の「設定を初期化」は6点まとめて初期に戻ります ・線が細いぶん、低いビットレートで配信すると線が薄く見えることがあります。その時は⚙の「線の細さ」を上げてください ━━━━━━━━━━━━━━━━━━ ◆ 特長 ━━━━━━━━━━━━━━━━━━ ・文字はHTMLの文字、板と地の線だけキャンバス。どの解像度でもにじみません ・外部への通信は一切ありません（ネット接続不要・Webフォントなし） ・絵は「その時点の絵」を毎回計算しているだけなので、長時間つけっぱなしでもメモリが増えません ・動画ではないので容量はごくわずかで、ループの継ぎ目もありません ・Chrome／Edge で動作確認済み。OBS Studio 28以降のブラウザソース（Chromium）や、Streamlabs など、ブラウザソースがある配信ソフトでも同じように使えます ・配信可・商用利用可（同梱の利用規約参照） ◆ こんな方に ・待機画面と枠と帯を別々に買ったら、線の太さも余白も揃わなかった方 ・画面を主役にしたくて、飾りの少ない静かな枠を探している方 ・白い画面／モノトーンで、配信をひと通りそろえたい方 ・重い動画ループを回さずに、軽くて静かな画面にしたい方 万が一素材に不備がありましたらメッセージまでお願いします。 不具合・ご要望は BOOTH のメッセージからどうぞ。