HTMLのチェックボックスでドット絵を描いたり動かしたりするJavascriptライブラリ「Checkboxland」
「これはなんですか」と問われても答えようがないようなものを人は時として作ってしまうもの。こちらはHTMLでのフォームづくりでおなじみ、checkboxをドットとして用いて色々と遊べるライブラリです。スムーズに動くチェックボックスアニメーションはなかなか不気味です。
作者のブライアン・ブラウンさんは、以前自分が主催したIT系イベントの日に街を散歩していた際、ふと目に入ったこのディスプレイをチェックボックスで再現することを思いついたとのこと。
A sign with mechanical pixels – YouTube
この時作成されたチェックボックス時計のJavascriptをライブラリ化したものが今回の「Checkboxland」となります。
ごく大雑把にいうと<input type="checkbox">で表示されるアレでドット絵を書いたり、スプライト的に動かせるようになるというもの。サイトには色々とサンプルやリファレンスが整備されているので、ぜひ一度触ってみてください。
ソース：Checkboxland | Bryan Braun – Designer/Developer
関連記事
映画「マトリックス」の「あの画面」を600バイト以下のJavascriptで再現 - DNA
迷路マップを生成するJavascriptを修正してキャラクターを脱出させるブラウザRPG「Untrusted」 - DNA
3D視界でコーディングに集中できる「Oculus Rift」用のJavaScriptエディタのプロトタイプ - DNA
Googleストリートビューの写真をルートにそってタイムラプスにする「Google Street View Hyperlapse」 - DNA
雨の日の窓の風景をJavascriptで再現する方法 - DNA
厳重すぎてロボットだけでなく人間も弾いてしまいそうなCAPTCHA認証 - DNA
