福野泰介の一日一創

駐車場の空満でもよく使われる16x16のマトリクスLEDをブラウザ上で簡単に表現できる拡張タグ(HTMLElement)、led-matrixタグをつくりました。
「led-matrix tag demo」src on GitHub
空車と満車を表すドット絵はオリジナルですが、オープンデータです。どうぞ自由にカスタマイズしたりしなかったりしてお使いください。

拡張タグは、scriptタグで読み込んで、led-matrixタグを書くだけです。 <script type="module" src="https://code4fukui.github.io/led-matrix/led-matrix.js"></script> <led-matrix> 0123 1230 2301 3012 </led-matrix> JavaScript読み込みまでの間で文字が表示されてしまうのが嫌な場合は、HTMLのコメントで囲ってください。

結構いろんなバリエーションがあるそうですよ！
「コインパーキングの「空」「満」表示を鑑賞する :: デイリーポータルZ」

Code for FUKUI では、いろんな拡張タグを実装、オープンソースとしています。
欲しいタグ、無ければ、じゃんじゃん創っちゃいましょう！