LED方向幕ジェネレータ

お手軽にLED方向幕が作れるジェネレータです。
2025.5.5公開 Ver. 1.0

フォント 明朝  
 ゴシック
種別
非表示  
 表示

横幅
 px
表示内容
文字色
ふち取り
OFF  
 ON
背景
OFF  
 ON
行先
非表示  
 表示

横幅
 px
表示内容
文字色

英語表示を行う   
 
日本語フォント 16px  
 24px
24pxフォント 明朝  
 ゴシック
種別
非表示  
 表示

横幅
 px
表示内容
日本語文字色
日本語ふち取り
OFF  
 ON
日本語背景
OFF  
 ON
英語フォント
細字  
 太字
英語文字色
英語ふち取り
OFF  
 ON
英語背景
OFF  
 ON
行先
非表示  
 表示

横幅
 px
表示内容
日本語文字色
日本語ふち取り
OFF  
 ON
日本語背景
OFF  
 ON
英語フォント
細字  
 太字
英語文字色
英語ふち取り
OFF  
 ON
英語背景
OFF  
 ON

カラーコードの一例です。コピペして使用してください。

白 
赤 
橙 
黄 
緑 
青 
3色LED橙 
3色LED赤 
3色LED緑 
伸ばし棒付き 

お手軽にLED方向幕が作れるジェネレータです。
数あるLED方向幕の中でもメジャーな縦32px(日本語24px+英語8px)をモデルとしています。
文字データをそのまま貼り付けているだけなので、狭い所に文字を詰め込んでいるような表示は再現できません。

〈利用条件〉
生成された画像は制限なく利用できますが、生成画像を使って損害が発生した場合でもエンゼシアは一切の責任を負いませんのでご了承ください。

〈ジェネレータの中身〉
HTML5 canvas, CSS, javascriptで実装されています。プログラムは大きく分けて文字を貼り付けて元画像を生成する部分とLED風画像を生成する部分とで構成されています。
架空鉄道の方向幕、発車標シミュレータを作る中で生まれた副産物です。
ぜひ遊んでみてください。

〈フォントについて〉
フォントデータは「黒なら0」 「白なら1」で二値化→16進数変換したテキストデータです。
フォントのソースは下記の通りです。 漢字はjis第一水準まで対応

フォントソース
24ドットフォント(ゴシック)縁架ドットゴシック24 Ver.1.1/左記に収録されていない漢字のみNoto Sans Mediumを24dotで二値化したもの
24ドットフォント(明朝)縁架ドット明朝24 Ver.1.1/左記に収録されていない漢字のみJFドットjiskan24h(全角文字はパブリックドメイン)
16ドットフォントJFドット東雲ゴシック16(パブリックドメイン)
7×5dot英数字オリジナル

ジェネレータのクセや質感UPテクニックなど、現状分かっていること。

オプションおすすめ設定

電球ガンマ補正を上げてフレアガンマ補正を下げるとそれっぽくなる。おすすめは電球ガンマ補正3、フレアガンマ補正0.5。実際の写真を見ても電球の中心は白飛びしていて周りのフレアに色がついていることが多い

フレアに関して

明るい色ほどフレアが効く。最も明るい白色は小さいフレア値でも効果が出やすいので、#FFFFFFから少し下げてもいいと思われる。思い切って#AAAAAAくらいまで下げても、前述のガンマ補正をかけたりフレアを調整すると普通に白色に見える。他の色も合わせて暗くする必要はある

白色の補足

新品のLEDの場合、わずかに青(紫)がかった白色にするとそれっぽく見える

下段英字のスキマ調整

「短」で1px幅のスペースが出せます。半角スペースでは広すぎる場合に。微調整用に。

ベースカラー info-circle
透過  
 次の色で描画
電球形状 info-circle
円  
 四角
電球サイズ info-circle
 inputイベントで値を表示px
電球間隔 info-circle
 inputイベントで値を表示px
電球ガンマ補正 info-circle
 inputイベントで値を表示
フレアガンマ補正 info-circle
 inputイベントで値を表示
フレア強さ info-circle
 inputイベントで値を表示
枠の太さ info-circle
 inputイベントで値を表示px
枠の色 info-circle
消灯されたLED(#000000)の対応 info-circle
描画を行わない  
 次の色で描画
消灯されたLED(#000001)の対応 info-circle
描画を行わない  
 次の色で描画

幕切れ幅(縦) info-circle
 inputイベントで値を表示px
幕切れ幅(横) info-circle
 inputイベントで値を表示px
劣化具合 info-circle
 inputイベントで値を表示
球切れ(3色LED用) info-circle
 inputイベントで値を表示%
表示サイズ縦
表示サイズ横
スクロール速度
 inputイベントで値を表示px/フレーム
文字間隔
 inputイベントで値を表示px
©エンゼシア エンゼシアの架空鉄道