四角枠=350 中心横=四角枠÷2 中心縦=四角枠÷2 円長さ=中心横×0.98 文字長=中心横×0.63 時長さ=中心横×0.6 分長さ=中心横×0.8 秒長さ=中心横×0.9 時計更新。 「時計更新」を1秒毎。 ●盤描画とは 全描画クリア。 5に線太設定。 白色に塗色設定。 茶色に線色設定。 [中心横,中心縦]へ円長さの円描画。 グリッド線=中心横×0.96 1に線太設定。 緑色に線色設定。 12回 角度=(回数-1)/12×360 X=円長さ×COS(角度÷180*PI) Y=円長さ×SIN(角度÷180*PI) [中心横,中心縦]から[X+中心横,Y+中心縦]へ線描画。 ここまで。 分線=中心横×0.84 始点=中心横×0.76 5に線太設定。 灰色に線色設定。 60回 角度=(回数-1)/60×360 X=分線×COS(角度÷180*PI) Y=分線×SIN(角度÷180*PI) X0=始点×COS(角度÷180*PI) Y0=始点×SIN(角度÷180*PI) [中心横+X0,中心縦+Y0]から[X+中心横,Y+中心縦]へ線描画。 ここまで。 始点=中心横×0.74 10に線太設定。 黒色に線色設定。 12回 角度=(回数-1)/12×360 X=分線×COS(角度÷180*PI) Y=分線×SIN(角度÷180*PI) X0=始点×COS(角度÷180*PI) Y0=始点×SIN(角度÷180*PI) [中心横+X0,中心縦+Y0]から[X+中心横,Y+中心縦]へ線描画。 ここまで。 黒色に塗色設定。 「36px sans-serif」に描画フォント設定。 9回 時角=回数-3 角度=時角/12×360 X=文字長×COS(角度÷180*PI)-11 Y=文字長×SIN(角度÷180*PI)+13 [X+中心横,Y+中心縦]へ回数を文字描画。 ここまで。 3回 時角=回数-6 角度=時角/12×360 X=文字長×COS(角度÷180*PI)-20 Y=文字長×SIN(角度÷180*PI)+17 時表=時角+15 [X+中心横,Y+中心縦]へ時表を文字描画。 ここまで。 時表=0 赤色に塗色設定。 「14px sans-serif」に描画フォント設定。 12回 時角=回数-3 角度=時角/12×360 X=秒長さ×COS(角度÷180*PI)-8 Y=秒長さ×SIN(角度÷180*PI)+5 時表=時表+5 [X+中心横,Y+中心縦]へ時表を文字描画。 ここまで。 ここまで。 ●時計更新とは 盤描画。 今を「:」で区切る。 変数[時,分,秒]=それ ＃時角度＝(時%12)÷12×360+((分/60)×(360÷12)) ＃分角度＝分÷60×360 ＃秒角度＝秒÷60×360 時角度=((時×30+分×0.5)-90)％360 分角度=(分×6-90)％360 秒角度=(秒×6-90)％360 赤色に線色設定。 15に線太設定。 X=時長さ×COS(時角度÷180*PI) Y=時長さ×SIN(時角度÷180*PI) [中心横,中心縦]から[X+中心横,Y+中心縦]へ線描画。 青色に線色設定。 10に線太設定。 X=分長さ×COS(分角度÷180*PI) Y=分長さ×SIN(分角度÷180*PI) [中心横,中心縦]から[X+中心横,Y+中心縦]へ線描画。 黒色に線色設定。 4に線太設定。 X=秒長さ×COS(秒角度÷180*PI) Y=秒長さ×SIN(秒角度÷180*PI) [中心横,中心縦]から[X+中心横,Y+中心縦]へ線描画。 ここまで。