アナログ時計V3c 📖

アナログ時計V3aの改訂版。文字盤と針のデザインで遊んでみました。

プログラム: (→大)
#アナログ時計V3c #キャンバス作成 [150,150]のキャンバス作成 #時計更新 「時計更新」を0.1秒毎 ●時計更新とは #時計枠描画 全描画クリア 1に線太設定 黒色に線色設定 RGB(230,0,255)に塗色設定 [0,0,150,150]へ四角描画 RGB(200,250,255)に塗色設定 [75,75]に75の円描画 #分目盛り描画 p=0 60回 　ｑ＝DEG2RAD(p) 　X=SIN(q)*70 　Y=COS(q)*70 　RGB(200,0,0)に線色設定 [75+X,75+Y]に1の円描画 　p＝p+6 ここまで #時目盛り描画 p=0 12回 　ｑ＝DEG2RAD(p) 　X=SIN(q)*70 　Y=COS(q)*70 　黒色に線色設定 　黄色に塗色設定。 [75+X,75+Y]に3の円描画 　p＝p+30 ここまで p=0 4回 　ｑ＝DEG2RAD(p) 　X=SIN(q)*70 　Y=COS(q)*70 　青色に塗色設定。 [75+X,75+Y]に5の円描画 　p＝p+90 ここまで #文字描画 RGB(0,100,0)に塗色設定 「30px sans-serif」に描画フォント設定 [57,35]に「12」の文字描画 [122,86]に「3」の文字描画 [68,136]に「6」の文字描画 [14,86]に「9」の文字描画 #時刻データ取得 時時は今で2文字左部分 分分は今で4から2文字抜き出す 秒秒は今で2文字右部分 #AM/PM等文字描画 「15px sans-serif」に描画フォント設定 RGB(20,90,20)に塗色設定　#灰色 もし、時時<12ならば 　[60,55]に「AM」を文字描画 違えば 　[63,55]に「PM」を文字描画 ここまで 「10px sans-serif」に描画フォント設定 [50,105]に「NADESIKO」を文字描画 #時針の位置計算と表示 時角0は時時+分分/60 時角1はDEG2RAD(時角0*30) X1=SIN(時角1)*43 Y1=COS(時角1)*43 時角2はDEG2RAD(時角0*30-45) X2=SIN(時角2)*10 Y2=COS(時角2)*10 時角3はDEG2RAD(時角0*30+45) X3=SIN(時角3)*10 Y3=COS(時角3)*10 RGB(0,150,0)に線色設定　#緑色 「RGBA(0,250,0,0)」に塗色設定 2に線太設定 [[75+X1,75-Y1],[75+X2,75-Y2],[75+X3,75-Y3]]で多角形描画 #分針の位置計算と表示 分角0は分分+秒秒/60 分角1はDEG2RAD(分角0*6) X1=SIN(分角1)*58 Y1=COS(分角1)*58 分角2はDEG2RAD(分角0*6-45) X2=SIN(分角2)*10 Y2=COS(分角2)*10 分角3はDEG2RAD(分角0*6+45) X3=SIN(分角3)*10 Y3=COS(分角3)*10 青色に線色設定 「RGBA(0,250,0,0)」に塗色設定 2に線太設定 [[75+X1,75-Y1],[75+X2,75-Y2],[75+X3,75-Y3]]で多角形描画 #秒針の位置計算と表示 秒角はDEG2RAD(秒秒*6) X1=SIN(秒角)*68 Y1=COS(秒角)*68 X2=SIN(秒角)*10 Y2=COS(秒角)*10 赤色に線色設定 2に線太設定 [75+X2,75-Y2]から[75+X1,75-Y1]へ線描画 2に線太設定 秒角RはDEG2RAD(秒秒*6+180) 赤色に線色設定 #[75,75]から[75+XR1,75-YR1]へ線描画 ここまで