【配信】レトロゲーム風の配信画面セット 6点｜待機・休憩・枠・帯・板・背景を同じ意匠で｜⚙で6点そろって配色もドットも変わる｜配色5種×模様6種・OBS用・登録不要

配信画面ひと通りを、ぜんぶ同じ意匠・同じ配色・同じドットの目で作った6点セットです。待機画面も、枠も、帯も、板も、背景も、ひとつの表から色と線の太さを引いているので、並べて置くと「同じ人が作った1つの画面」になります。

動画ファイルではありません。その場で描いているので容量はごくわずかで、設定で色も模様もドットの粗さも変えられて、ずっと軽いままです。

単一HTML・インストール不要・アカウント不要・オフライン動作。OBSのブラウザソースに入れるだけ。日本語／English 切替対応。

━━━━━━━━━━━━━━━━━━

◆ このセットのいちばんの売り

━━━━━━━━━━━━━━━━━━

⚙で配色・模様・ドットの粗さを変えると、6点ぜんぶが同じように変わります。

設定の保存先が6点で共通になっているので、たとえば待機画面の⚙で配色を「琥珀」、模様を「れんが」にすれば、枠も帯も板も背景も琥珀とれんがになります。1枚ずつ設定し直す必要はありません。

・配色は5とおり … 緑の単色画面／琥珀の単色画面／紺の地に8色／葡萄色の地に16色／白黒

・模様は6とおり … 網掛け／れんが／星／方眼／稲妻／積みブロック

・模様の濃さは 0〜100、ドットの粗さは 0.3〜2.5 で調整できます

ドットの粗さを上げると、角の階段も、縁取りも、模様の粒も、6点そろって粗くなります。

━━━━━━━━━━━━━━━━━━

◆ 収録している6点

━━━━━━━━━━━━━━━━━━

・standby.html … 待機画面（全画面）。開演時刻を入れておけば、そこまでのカウントダウンが大きく出ます。下に目盛のバーが1本

・brb.html … 休憩と終了の画面（全画面）。上に目盛の帯が渡り、ゲージがゆっくり息をします

・frame.html … 画面の枠（真ん中は完全に透明）。太さ・余白・四隅の粒・目盛・上の札を設定できます

・band.html … 名前と一言の帯（下三分の一）。端に模様の箱。左右／中央に寄せられます

・board.html … お願い・ルールの板。箇条書きを書くだけ。▶ か番号を選べます

・bg.html … 背景（画面いっぱい）。模様がゆっくり流れ、光の粒が横に流れます

━━━━━━━━━━━━━━━━━━

◆ レトロらしさは「意匠」で出しています

━━━━━━━━━━━━━━━━━━

太い1色の縁取り、粗いドットの角、少ない色数、等幅の字、走査線（薄い横縞）、点滅する印、▶の矢印、ウィンドウの二重枠、体力ゲージのような目盛のバー、ドットの模様。ぜんぶその場で計算して描いています。

角も縁取りも、実画素の整数に合わせて描いているので、粒の縁がにじみません。

実在するゲーム機・ゲーム・企業の名前や意匠は使っていません。キャラクターや人・動物の絵も入っていません。

━━━━━━━━━━━━━━━━━━

◆ 背景は60秒でぴったり一周します

━━━━━━━━━━━━━━━━━━

一周したところの絵は、始まりの絵と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= … 配色（green＝緑の単色（初期）/ amber＝琥珀の単色 / navy＝紺に8色 / grape＝葡萄色に16色 / mono＝白黒）

・?pat= … 模様（dither＝網掛け（初期）/ brick＝れんが / stars＝星 / grid＝方眼 / zigzag＝稲妻 / blocks＝積みブロック）

・?dens=30 … 模様の濃さ（0〜100。初期18）

・?dots=1.6 … ドットの粗さ（0.3〜2.5。初期1）

・?double=off … ウィンドウの二重枠をやめる

・?scale=1.3 … 文字の大きさ（0.3〜3）／ ?speed=0.5 … 動きの速さ（0.1〜3）

・?scrc= / ?inkc= / ?hic= / ?hi2c= … 地・文字と縁取り・差し色・内側の線の色を自分で指定（#は不要）

・?bgdrift= / ?bgstar=off / ?bgscan=off / ?bgvign=0 … 地（背景）の設定。走査線は6点、それ以外は待機・休憩・背景の3点に効きます

・?lang=en … 英語表示 ／ ?key=a … 保存先を分ける ／ ?mode=stream … ⚙を完全に出さない

画面ごとの設定（開演時刻・見出し・箇条書き・帯の高さ・枠の太さなど）は同梱の説明書に全部載せてあります。

━━━━━━━━━━━━━━━━━━

◆ ご注意

━━━━━━━━━━━━━━━━━━

・効果音はありません（表示のみです）

・開演時刻は「時と分」だけです。日付の指定はできません

・休憩の残り時間は、その画面を開いた時から数えます（前回の続きにはなりません）

・視聴者コメントの集計や、外部アプリ・APIとの連携機能はありません

・休憩画面の上の帯のゲージは飾りです（数字を表しているわけではありません）

・6点は同じ保存先を使うので、⚙の「設定を初期化」は6点まとめて初期に戻ります

━━━━━━━━━━━━━━━━━━

◆ 特長

━━━━━━━━━━━━━━━━━━

・文字はHTMLの文字、地と模様と枠だけキャンバス。どの解像度でもにじみません

・外部への通信は一切ありません（ネット接続不要・Webフォントなし）

・絵は「その時点の絵」を毎回計算しているだけなので、長時間つけっぱなしでもメモリが増えません

・動画ではないので容量はごくわずかで、ループの継ぎ目もありません

・Chrome／Edge で動作確認済み。OBS Studio 28以降のブラウザソース（Chromium）や、Streamlabs など、ブラウザソースがある配信ソフトでも同じように使えます

・配信可・商用利用可（同梱の利用規約参照）

◆ こんな方に

・待機画面と枠と帯を別々に買ったら、色もドットの大きさも揃わなかった方

・レトロゲーム風で画面をひと通りそろえたい方

・重い動画ループを回さずに、軽いドット絵の画面にしたい方

万が一素材に不備がありましたらメッセージまでお願いします。

不具合・ご要望は BOOTH のメッセージからどうぞ。