LED 電光掲示板(スクロール文字)

ブラウザだけで作れるドットマトリクス電光掲示板。教室・配信・お店・イベント会場で、文字を光らせて流せます。

Large Text — 大きな文字スタジオへようこそ

LED 電光掲示板とは

LED 電光掲示板は、ブラウザ内で動くドットマトリクス式のマーキーツールです。文字を入力すると、光るドットの帯がスクロールします——まるで本物の LED 看板のように。ハードウェア不要、インストール不要、タブを開くだけ。

サイト内の他の大文字ツールとは分担があります。Large Text Display は動かない 1 つのフレーズ、Fullscreen Text は手動で切り替えるスライド、LED 電光掲示板 は「連続スクロール + 注目集め」のためのツールです。

描画は完全にブラウザ内。文字をオフスクリーン canvas に描き、アルファ値を閾値化してドットグリッドに変換し、requestAnimationFrame で発光する円を毎フレーム描き直します。すべてローカル処理でアップロードは一切ありません。

使い方のコツ

  • 短く。 マーキーは 3〜12 文字前後が最も読みやすい。長文は「フルスクリーン文字スライド」ツールで 1 ページ 1 文ずつどうぞ。
  • 高コントラストが命。 琥珀×黒、白×濃紺、緑×黒はよく見える。淡い色同士は避ける——ドットマトリクス自体がすでにコントラストを柔らかくします。
  • 密度は内容に合わせて。 8 行はレトロな駅看板感、16 行はバランス、24 行はシャープで現代的。読みにくければ画面サイズより先に密度を上げます。
  • 会場で必ずリハーサル。 プロジェクタ、テレビ、スマホで発光の見え方は大きく違います。本番前に一度通してください。
  • 見出しとして使う。 マーキーは注目を奪うので、重要な発表者や他のアニメーションの上に重ねないほうが無難です。
  • 早めにフルスクリーン。 全画面は印象が段違い。OBS 配信はまず全画面にしてから必要な 1 本分を切り出すのがおすすめ。

使い方

  1. 1
    文字を入力 1 行分の文字。改行は自動で空白に変換されます——マーキーは一本の連続した帯です。
  2. 2
    色と速度を選ぶ ドット色と背景色を選び、「遅い / 普通 / 速い」から選択。密度 8 行はレトロ、24 行はシャープな現代風。
  3. 3
    フルスクリーンで表示 フルスクリーンボタンを押します。Esc で終了。他のタブに切り替えると自動で一時停止し、戻ると再開します。

Use Cases

  • ライブ配信の合間

    OBS のブラウザソースにこのページを指定し、「まもなく開始」「少々お待ちを」「投げ銭感謝」を流すだけで間を埋められます。

  • 教室の大画面指示

    電子黒板やプロジェクターに「静かに読む」「残り 5 分」「ペンを置いて」を流すと、静的スライドより信号として伝わります。

  • 店頭のデジタルサイネージ

    タブレットをショーウィンドウに置き、「営業中」「5 分で戻ります」「本日のおすすめ」を流すだけ。実物の LED 看板より安くて、いつでも書き換え可能。

  • イベント会場の誘導

    入口付近のテレビで「ようこそ」「受付 →」「メインステージ ←」を流すと、紙のサインよりずっと目に留まります。

  • オフィスの共有スペース

    「本日 302 号室でイベント」「宅配便の受領をお願いします」など軽い掲示をマーキーで流せます。

  • 誕生日・送別会のサプライズ

    会議室のテレビに「HAPPY BIRTHDAY ALEX」や「お元気で SAM」を流すと、地味な場面にちょっとした華やぎが出ます。

  • Instagram / TikTok ライブの背景

    縦型ライブ時、別のデバイスで「抽選まもなく」「コメント読み中」などを流すとステッカーの代わりになります。

  • 倉庫・工場の安全表示

    余っているモニターに「ヘルメット必須」「15:00 シフト交代」を流すだけで、低コストで目立つ掲示板になります。

Features

  • 本物のドットマトリクス描画

    文字はピクセル単位でラスタライズされてドットグリッドになり、ただの CSS スクロールではありません。電光掲示板らしさが目的です。

  • 密度が選べる

    8 / 16 / 24 行から選択。同じ画面サイズでも行数が多いほど文字が精密になります。

  • 自由な配色

    ドット色と背景色を自由に設定。デフォルトは琥珀色 × 濃暗色、緑・赤・シアンもワンクリックで。

  • 滑らかな速度調整

    遅い / 普通 / 速いは「1 秒あたりの列数」で定義され、スマホでも 4K テレビでも同じ感覚です。

  • ワンクリックでフルスクリーン

    クリックで全画面、Esc で終了。タブを切り替えたりウィンドウを最小化すると自動で停止し、CPU とバッテリーを節約します。

  • 初回読み込み後はオフライン対応

    静的ページ + クライアントレンダリング。キャッシュ後は通信不要——Wi-Fi が不安定な会場でも安定動作。

  • 入力はアップロードされない

    ラスタライズも描画も全てブラウザ内で完結し、サーバーに送られません。

  • リデュースモーションに配慮

    OS で prefers-reduced-motion が有効なら 4 分の 1 速度に自動で下がり、刺激を抑えつつ機能は保たれます。

Compatible Platforms

  • iPhone(Safari / Chrome)
  • Android(Chrome / Firefox)
  • iPad / Android タブレット
  • Windows(Chrome / Edge / Firefox)
  • macOS(Safari / Chrome)
  • Linux
  • スマート TV ブラウザ
  • Chromebook
  • OBS Studio(ブラウザソース)

Related Tools

FAQ

どうして 1 行しかスクロールできないの?
電光掲示板の本質は「動く 1 行の帯」だからです。複数段落を見せたいときは「フルスクリーン文字スライド」ツールを使って 1 ページずつ切り替えてください。
改行を入れたらどうなる?
自動で空白に変換されます。マーキー全体が 1 本の連続した文字帯になります。
別のタブに切り替えても動き続ける?
いいえ。タブが非表示になると自動停止し、戻ると再開します。CPU とバッテリーを無駄遣いしません。
OBS 配信のオーバーレイに使える?
使えます。ブラウザソースでこのページを指定し、必要な 1 本分を切り出します。背景を緑や黒にすればクロマキーで透過も可能。
対応フォントは?
ブラウザ標準の等幅フォント。ブラウザが描画できる文字なら何でもドット化でき、日本語・中文・韓文・大半の Unicode をサポートします。
入力した文字はサーバーに送信される?
いいえ。ラスタライズも表示もブラウザ内で完結し、サーバーには送られません。
どれくらい長い文字列まで流せる?
数百文字までは快適です。数千文字を高密度で流すと、ドット数が線形に増えるのでフレーム落ちが起きることがあります。
密度 8 行だと文字が角張って見える
8 行はレトロ風。多くの文字が 5 × 8 の枠しか使えません。字形をシャープにしたいときは 16 か 24 行に切り替えてください。
逆方向にスクロールできる?
現状は古典的な右から左のみです。要望が多ければ方向切り替えを追加する予定です。
縦画面でも動く?
動きますが、ステージは 16:9 なので横画面が最も綺麗です。縦画面ではマーキーが小さくなりますが読めます。