アナログ時計V3c

ソース

プログラム

#アナログ時計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]へ線描画

ここまで

作品について

作品情報

作品を編集

e-fujii 作

ライセンス: Apache（改変可/著作権継承）
形式: wnako
タグ: -
利用バージョン: 3.7.16
アクセス数(累計): 7
アクセス数(今月): 7
更新日時: 2026/03/23 11:30

作品公開情報

交流

アナログ時計V3c

プログラム

作品情報

コメント