2021-07-17
#js #d3 
楽しい時計作り、2012年にスタートした一日一創でも時間にまつわる色々作りました。
一日一創2012 #time
中でもお気に入りだったのが、SVGライブラリD3.jsを使った、ふわふわする円の中を時針分針秒針の円が動く「やわらか時計」です。 ただ、かつて読み込んでいたライブラリのURLが変わってしまったかで動かなくなっていたので最新ライブラリでメンテナンス。

softime」↑は動画で、今を表していないので注意
滑らかでいい動きですね。D3.js、いろいろ使いこなせると楽しそうです。


時計部分をクリックすると黒背景の全画面(フルスクリーン)になるおまけ付きです。 高フレームレートなディスプレイでの展示に使うとインパクトあるかもしれません。

links
- D3.js で作った「やらわか時計」D3再入門(2017年にもリニューアル)

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS