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