世界のびっくりニュース

HTMLのチェックボックスでドット絵を描いたり動かしたりするJavascriptライブラリ「Checkboxland」


「これはなんですか」と問われても答えようがないようなものを人は時として作ってしまうもの。こちらはHTMLでのフォームづくりでおなじみ、checkboxをドットとして用いて色々と遊べるライブラリです。スムーズに動くチェックボックスアニメーションはなかなか不気味です。

作者のブライアン・ブラウンさんは、以前自分が主催したIT系イベントの日に街を散歩していた際、ふと目に入ったこのディスプレイをチェックボックスで再現することを思いついたとのこと。
A sign with mechanical pixels – YouTube

この時作成されたチェックボックス時計のJavascriptをライブラリ化したものが今回の「Checkboxland」となります。

ごく大雑把にいうと<input type="checkbox">で表示されるアレでドット絵を書いたり、スプライト的に動かせるようになるというもの。サイトには色々とサンプルやリファレンスが整備されているので、ぜひ一度触ってみてください。

Checkboxland

ソース: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

この記事をブックマーク/共有する


前後の記事

DNAをこれからもよろしくお願いします!

Facebook上のコメント一覧