【Processing】サイバー風の時計をつくる。

成果物

www.youtube.com
円弧を使って、サイバー風の時計を作ってみました。実際の時計の動きに近くなるように工夫しました。文字盤の線のデザインで苦戦しました。

仕組み

そのまま、minute()をもとに分針を表示すると、非常にかくかくした、違和感のある動きになってしまいます。そこで、minute()+second()/60のようにしています。文字盤の線はarcのstroke()表示を使って表示しています。違和感をなくすために、strokeCapも変えるとよいです。