【配信】文字を入れて置く 光る看板 12デザイン|ネオン管・電球マーキー・電光掲示・行灯ほか|背景透過・好きな言葉が入る・OBS用・設定ボタン(⚙)つき・登録不要
- Digital500 JPY







配信画面のすみや、待機画面のまん中に置いておく「光る看板」です。「ON AIR」「作業中」「歓迎」「準備中」など、好きな言葉を自分で入れて、そのまま置きっぱなしにします。 動く・設定できる・軽い。動画やAPNGの素材ではなく、その場で描いているHTMLなので、文字も色も明滅の強さも自分で変えられます。容量はごくわずかで、ループの継ぎ目もありません。 背景は透過です。ゲーム画面や待機画面の上にそのまま重ねられます。 同じ機能のまま、見た目だけ違うものを12デザインそろえました。 ━━━━━━━━━━━━━━━━━━ ◆ 収録している12デザイン ━━━━━━━━━━━━━━━━━━ ・tube.html … ガラス管のネオン(曲げた管で文字と枠を作り、外側に光がにじみます) ・marquee.html … 電球のマーキー看板(ふちを裸電球が一周し、光が順に流れます) ・dotmatrix.html … ドットマトリクスの電光看板(丸いLEDの粒で文字が出ます) ・hanging.html … 喫茶店の吊り看板(天井の棒から鎖で下がり、ゆっくり揺れます) ・cinema.html … 古い映画館のマーキー(乳白の光る面に黒い差し込み文字) ・andon.html … 和風の行灯(木の枠に和紙。灯りがゆらぎます) ・roadled.html … 道路の電光表示(ひさし付きの鉄箱に四角い橙のLED) ・crt.html … ブラウン管風(走査線と横帯が流れる画面) ・lcd.html … 液晶のバックライト(下の縁から光が入った淡い面に濃い文字) ・brush.html … 筆文字の看板に照明(木の板に墨の字。上の傘から光が落ちます) ・metal.html … 金属の切り文字に間接照明(壁板に厚みのある文字。裏から光がにじみます) ・garland.html … 裸電球のガーランド(たわんだ電線の電球が一つずつ瞬きます) ━━━━━━━━━━━━━━━━━━ ◆ 文字は自分で入れます ━━━━━━━━━━━━━━━━━━ ⚙の「1行目の文字」に、出したい言葉を書くだけです。2行にもできます。 ・長い日本語を入れても、はみ出しません。文字の幅をそのつど測ってから字の大きさを決めているので、長い行はそのぶん小さくなって必ず枠に収まります ・日本語・英語のどちらでも同じように入ります ・実在する店名・企業名・ロゴは入っていません。言葉はすべてご自分で入れるものです ━━━━━━━━━━━━━━━━━━ ◆ ずっと明滅しています ━━━━━━━━━━━━━━━━━━ 置きっぱなしにしておくと、静かに明滅し続けます。ときどき「ジジッ」と切れかける揺らぎが入るので、貼り付けた絵には見えません。 ・明滅の強さは0〜100で調節できます。0にするとチラつきが完全に止まります ・動きの速さも0〜3で変えられます。0にすると電球の流れも揺れも止まります ・両方0にすると(?flicker=0&speed=0)、動かない1枚絵のようにじっとした看板になります ・録画したループ動画ではないので、継ぎ目がありません ━━━━━━━━━━━━━━━━━━ ◆ 設定ボタン(⚙) ━━━━━━━━━━━━━━━━━━ 文字も、色も、大きさも、URLを書き換えずに設定できます。 1. ソース一覧のこの看板を右クリック →「対話」を選ぶ 2. 画面にマウスを乗せると、右上に ⚙ が出ます(出ないときは S キー) 3. 変更して「保存して閉じる」 ・普段 ⚙ は見えないので、配信画面には映りません ・設定は保存され、OBSを再起動しても残ります。「設定を初期化」で購入時の状態に戻せます ・?key=a ?key=b を付けると、同じデザインでもシーンごとに別の文言にできます ※ 設定の保存先はブラウザごとに別々です。Chromeで開いて設定してもOBS側には反映されません。OBSで使うぶんは、必ずOBSの「対話」画面の中で設定してください。 ━━━━━━━━━━━━━━━━━━ ◆ 12デザインすべてに共通の設定 ━━━━━━━━━━━━━━━━━━ ・?text=ON AIR … 1行目の文字 ・?two=on … 2行にする(初期は1行)/ ?text2=配信中 … 2行目の文字 ・?size=0.8 … 看板の大きさ(0.3〜1.5。初期1=枠に収まる最大) ・?flicker=0 … 明滅の強さ(0〜100。初期45。0でチラつきが止まります) ・?speed=0.5 … 動きの速さ(0〜3。初期1。0で電球の流れ・揺れ・走査が止まります) ・?theme=cyan … 配色(デザインごとに3〜4色) ・?color= / ?accent= / ?bgcolor= … 光の色/添えの色/台の色を自分で指定(#は不要) ・?lang=en … 英語表示 / ?mode=stream … ⚙を完全に出さない ━━━━━━━━━━━━━━━━━━ ◆ OBSへの入れ方 ━━━━━━━━━━━━━━━━━━ 1. ソース →「+」→「ブラウザ」 2.「ローカルファイル」にチェック → 使いたい .html を選ぶ 3. 幅・高さを入れる(横長の看板なら 900 x 300 くらいが目安) 4. 画面のすみに置いて、大きさを合わせる 指定した幅・高さの中に、収まるいちばん大きな大きさで描かれます。看板の「形」は入れた文字の長さで決まります(2行にすると縦が伸びます)。余った所は透明のままなので、高さは少し余裕をもって取ってください。 ━━━━━━━━━━━━━━━━━━ ◆ ご注意 ━━━━━━━━━━━━━━━━━━ ・効果音はありません(表示のみです) ・文字は1行または2行です。3行以上は入りません ・時計・カウントダウン・視聴者コメントの集計はできません ・外部アプリやAPIとの連携機能はありません ━━━━━━━━━━━━━━━━━━ ◆ 特長 ━━━━━━━━━━━━━━━━━━ ・背景は透過。下に敷いた映像やゲーム画面がそのまま透けます ・外部への通信は一切ありません(ネット接続不要・Webフォントなし) ・絵は「その瞬間の絵」を毎回計算しているだけなので、長時間つけっぱなしでもメモリが増えません ・動画ではないので容量はごくわずかで、ループの継ぎ目もありません ・Chrome/Edge で動作確認済み ・配信可・商用利用可(同梱の利用規約参照) ◆ こんな方に ・画面のすみに「ON AIR」の看板をひとつ置きたい方 ・待機画面のまん中に、自分の言葉で大きく出したい方 ・重い動画ループではなく、軽いオーバーレイで済ませたい方 万が一素材に不備がありましたらメッセージまでお願いします。 不具合・ご要望は BOOTH のメッセージからどうぞ。






