【配信】白と細線の配信画面セット 6点｜待機・休憩・枠・帯・板・背景を同じ意匠で｜⚙で6点そろって配色と線の細さが変わる｜白・生成り・グレー・濃紺・黒／OBS用・登録不要

配信画面ひと通りを、ぜんぶ同じ配色・同じ線の細さ・同じ余白で作った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 のメッセージからどうぞ。