JavaScript でアナログ時計を作る p5.js & Canvas

JavaScript でアナログ時計を作ってみました。


前回のデジタル時計の続きです。

▼ p5.js 版

まずは、p5.js バージョンです。

↓p5js_analog-clock.js

簡単にできると思いましたが、時間とか時計は奥が深そうですね。

▼ canvas 版

次は、Canvas バージョンです。

ちょっと冗長な気もするけど、確実にできそうな方法を選択しました。

↓canvas_analog-clock.js

classとか使ったら、もっと単純になりそうです。