TOP
>
道路情報板シミュレーター
> 国土交通省
…もしくは
TOP
> 未完成ゾーン > 道路情報板シミュレーター
国土交通省 道路情報板シミュレーター
1台
2台
3台
4台
5台
6台
7台
8台
9台
10台
11台
12台
13台
14台
15台
16台
17台
18台
19台
20台
入力行数
情報数
通常モード
マニアックモード
スクリーンショット出力場
→
canvas出力
→
png出力(スマホ用)
コピペ・保存して共有して友人に見せつけよう。
Tweet
このシミュレーターについて
国土交通省 道路情報板 HL3サイズ
国土交通省 道路情報板 HL3サイズ
国土交通省設置の道路情報板(LED電光掲示板)の表示を自由に変更できるシミュレーターを作りました。
テキストボックスに表示させたい文字を入力すると、任意の文字列を表示させることができます。(表示未収集の文字については表示されず空欄となります。)
マニアックモードに設定すると、文字パーツの配置がよく分かる配色に変わります。
図形ありを選択した場合、図形の周りに文字が周りこんで表示されます。
文字間の横方向余白について、通常は9ドット間隔となりますが、横幅をはみ出す場合は6ドット、3ドットへと自動的に調整されます。また、自動のチェックボックスをはずすと任意の設定も可能です。
情報数を2以上に設定すると、各情報が順番に表示されます。
現地の表示と完全に一致しない場合がありますのでご了承ください。
ドラッグ&ドロップで筐体の表示位置を変更できます。
本シミュレーターはJavaScript・CSS等が正常に動作するブラウザでご覧いただけます。JavaScriptが動作しない環境では動きません。
動作確認はWindows11のGoogle Chromeで行なっています。他のOS・ブラウザでも概ね動作すると思われますが、一部ではレイアウトや挙動が異なったり、エラーで正常に動作しない可能性もあります。
表示板に表示されている文字を直接クリックすると、1文字単位で文字色を変更できます。
マルチカラー筐体での図形について、資料が存在しないデータに関しては3色を太らせた表示で再現されています。名称の頭に「(m)」がある物がマルチカラー対応です。
上の「スクリーンショット出力場」で筐体画像を撮影する事が可能です。スマホ環境の場合は「#楽しくする」→「#pngにする」の順で進んでください。
撮影できる範囲は1台目の筐体のみです。 また、今表示している内容を撮影するだけなので画像切替には対応していません。
色はこんな順番で変わります
HL1(208*192)
HL2(288*192)
HL3(432*144)
HL4(672*96)
HL5(672*144)
HL6(672*48)
HL7(336*96)
特殊文字の入力方法
変更履歴
2023/ 4/ 4
嘘だよな…?
筐体画像をワンクリックで撮影できるようになりました。 文字追加は後日。
2023/ 3/24
おたおめ自分。
HL4・HL7の図形に対応しました。
chara.(wゾツ賃詳細導浅真界困医療迫 葛辰巳埠衝柱鹿戒摂槻沿兵逆筋岩‼香 ) symbol.([4/] [時] [/] N タ ヤ [R230] …他) pict.(超大量 18図形ぐらい一気に増えた)
2022/ 9/20
間が空いて 文字追加。chara.png(『』朗別症景脇耳音乙館志笛宮才排畿輸局余稲飼蒲) symbol.png([R229] Y U )
2022/ 5/12
main.js、setting.jsを書き換えて
マルチカラー対応化
。 NEXCO統合版のjsを参考にさせていただきました。
文字追加。chara.png(④&℃テ繕串毎引許養老茄代官 皿) symbol.png([JCT]) (※2文字分の[JCT]は[JCT ]に変わりました)pict.png(高波)
2021/12/30
文字追加。chara.png(渡初詣拝的函辻永菅畠次管理衛穂) symbol.png([11/] J) 文字修正 chara.png(縦)
2021/10/07
収録文字1000文字突破です!
文字追加。chara.png(鏡黄満以覇標識) symbol.png([K380] [R58])
新サーバーに引っ越し。
移転前(クリックで開く)
2021/08/23
文字追加。(月例?)chara.png(示塚角紋幕張況桃録吹圏樽) symbol.png(コ ナ ロ [R337])
インターネット環境が一旦消えてしまうので来月の更新は無いかも知れません。
2021/07/23
文字追加。chara.png(惣領円署式) symbol.png(- : マ カ [R43])
修正 chara.png(正 磐) symbol.png(・)
2021/06/24
文字追加。chara.png(《》ホムペ情堤) (ュ飛白飯裾沼呂門解省旅体詰五条堀殿逢桜舗適休憩)
図形追加(横風(倉吉国道事務所))、名称・並び変更
2021/05/16
文字追加(わずかに途中)。chara.png(⑲聖競技盤熊城柏牧世池之抜栃質農薬類扱笠候順犯罪罰則譲瑞浪釜穴曲静跨違放) symbol.png([5/] [JC T] [R8] [R41] [R248] [県218])
2021/02/09
文字追加(途中)。chara.png(⑤⑭⑯㉛) symbol.png(? ゚ ス リ ッ フ [1/] [2/] [6/] [7/] [8/] [9/] [/3] [県61] [R15] [R23] [R156] [R484])
2020/06/07
文字追加。chara.png(密慎府支様恵那並感染)
2020/05/05
文字追加。chara.png(鬼陽基梶知齢) symbol.png([R31] [R302])
2020/05/04
鬼のように文字追加。
chara.png(v⇔げグ調篠錦糸校隅同溝湊武庫住庄港波挿遠柳夢震絡踏切旦楽重傷添登針追突乗仙台特殊料年末迷惑)
symbol.png(。イ [R3] [R5] [R25] [R26] [R161] [R163] [R246] [R276] [R298])
…修正(竹)
2020/05/02
main.jsをもう1度書き換え。あと拡大時の描画方式を変更。(スマホにしか恩恵はない)
2020/04/27
鬼のように文字追加・入れ替え
simbol.png=>chara.png(⑩⑪⑫⑬⑮⑰⑱⑳㉑㉒㉓㉔㉕㉗㉘㉙㉚-)
文字追加(DEFKOPRT dfklmoprtv [R1] [R11] [R16] [R21] [R181] [R193] [R313] [R357] [R482] [県26] [県45])
2020/04/26
鬼のように文字追加。
(湘藤箱締宿六王七泉君富浦除丈能皇居祝賀携可柿阜濃霧徹底若修善嵩豆縦貫延表呉損操外控吉鶴軽私※パバヶ)
2020/03/30
main.jsいじり。 スマホでの入力欄の挙動を変えたりデフォルト文言を変更したりしています。 ここから公開休止中
2020/03/24
もう一度jsのbugfixしました。これで大丈夫なはず。
文字追加(半角3 U 〈〉 ひえ エベ緑済人察停伯赤碕粟準了象危険明石役財球桝机 房直釧湿阿寒摩噴活灰)
図形追加(北海道シーニックバイウェイ)
2020/01/30
いつの間にかスマホ復活していました。 というわけで資料提供分の文字追加。 (電話旭里磨架型湾岸寝仁検整浜拡充沢良宜駒打越堂浄正寄淀レオ「」.<>★)
そして図形4種類追加。(キリ・お辞儀3コマ)
Google入力で入力される"~"に対応
2019/10/28
カウンターを撤去しました。→戻しました。 お知らせがあります。
2019/10/09
文字追加(当方→ば午後皆仲集公共遅色 [トン][ネル][マラ][ソン])
(再現提供→栄丸環岐治平針験駐閉鎖連非常言須閤伏 01467[R19][R22])
図形修正(秋)
実装だけして公開していなかったことを今思い出しました。
2019/8/18
文字追加(わ デボ d : 名松上木太牟礼当勅海峡輪二首脳議阪見江押択位量不法投棄未来澄 #トネミラルン)
文字修正(風確)
2019/8/04
仕様修正(網掛け画像の座標関係)
2019/8/03
バグ修正(史上最高に沼な「迂」の1種類だけを特殊文字に移動)
2019/8/01
バグ修正(文字間が偶数の時に文字の左端1ドットが欠ける)
文字追加 (。 ぼ ファノォ 差試戦歩選手勇)
2019/7/31
半角アルファベットを追加 (ABCIMS acehiknsuwy) (※資料 #某猫を楽しくする画像から引用)
2019/7/25
正式公開
2019/7/24
新規制作
変態向け更新履歴(主にmain.jsの書き換え)
制作について
この作品は2人による合同制作物です。下記役割分担で制作しました。
東猫
- 現地撮影およびLED再現(素材集作成)・文字切り出し作業・プログラム魔改造
yoshi223
- シミュレーター制作(プログラミング)
再現したLED表示に関するお問い合わせは東猫へお願いします。
シミュレーター(プログラム)に関するお問い合わせはyoshi223 もしくは 東猫 へお願いします。
謝辞
某猫タグを付属してツイートした方々や、資料を直接投げてきた方…が撮影した物から(…勝手に…)再現して文字分割を行っています。
使用するにあたって不都合な点がある場合は 東猫の方にご連絡ください。
収録文字について(クリックで開く)
【参考】欠けなく表示できる地名一覧
使用画像について
3色(クリックで開く)
マルチカラー(クリックで開く)