canvasを使用したアナログ時計の針を動かしたいです。

Question

javascriptを使ってアナログ時計を表現する方法がないかを
探していて見つけはしましたが、そちらに記載されている
針を動かすためのコードの意味がよく理解できませんでした。
問題の箇所はというと、参考にさせていただいたコードの
146行目以降にあるctx.rotate(sec * Math.PI/30);の部分の
Math.PI/30の式の内の30は何を示しているのかというところで
ございます。どうか知恵をお貸しください。
リンク内容

Answer 1

Math.PI/30の式の内の30は何を示しているのかというところでございます

プログラムを書いていると（日常生活ではあまり使わない）数学の知識を必要とします。

• **円周は２π[ラジアン]**ｘ半径　（訂正

ですので、Math.PI / 30 が秒針の１秒分の角度を示すことが理解できるはずです。

Comments

[dream]

なるほど、わかりやすい解説ありがとうございます！

[dream]

今回の半径は300の半分で、150pxということになりますか？

[ikadzuchi]

半径は今回の話に無関係です。
「円周1周分の角度は2πラジアン」で済む話です。

[dream]

そうなんですね、わかりました。

[dream]

秒針が1秒間で進む角度は６度で誤りはないですか？

[ikadzuchi]

たぶんそうですが、今それを気にする必要はありません。
「2π[ラジアン/1周]」を「60[秒/1周]」で割ると「Math.PI/30[ラジアン/秒]」になります。
ここに度数は出てきません。

[dream]

ようやく納得がいきました。話をややこしくしてしまったみたいで
申し訳ございませんでした。