🌸 「なでしこ」
>
🍯 「貯蔵庫」
🍯 プログラム貯蔵庫
🌟新規
📒一覧
🔌
🔍検索
🚪ログイン
ログイン
していません。
[
📌文法
] [
🎨命令一覧
]
[編集モード] アナログ時計V4a
アナログ時計V3aに日付表示を追加しました。
プログラム:
(→大)
(→textarea)
(→左右に配置)
#アナログ時計V4a #キャンバス作成 [150,170]のキャンバス作成 #時計更新 「時計更新」を0.1秒毎 ●時計更新とは #時計枠描画 全描画クリア 1に線太設定 黒色に線色設定 青色に塗色設定 [0,0,150,150]へ四角描画 RGB(200,250,255)に塗色設定 [75,75]に75の円描画 RGB(255,255,200)に塗色設定 #黒色に線色設定 1に線太設定 [0,150,150,20]へ四角描画 #分目盛り描画 p=0 ６０回 ｑ＝DEG2RAD(p) X1=SIN(q)*70 Y1=COS(q)*70 X2=SIN(q)*75 Y2=COS(q)*75 黒色に塗色設定 1に線太設定 [75+X1,75+Y1]から[75+X2,75+Y2]へ線描画 p＝p+6 ここまで #時目盛り描画 p=0 12回 ｑ＝DEG2RAD(p) X1=SIN(q)*66 Y1=COS(q)*66 X2=SIN(q)*75 Y2=COS(q)*75 黒色に塗色設定。 3に線太設定 [75+X1,75+Y1]から[75+X2,75+Y2]へ線描画 p＝p+30 ここまで #文字描画 赤色に塗色設定 「18px sans-serif」に描画フォント設定 [64,26]に「12」の文字描画 [130,82]に「3」の文字描画 [70,138]に「6」の文字描画 [12,82]に「9」の文字描画 RGB(20,20,20)に塗色設定 #灰色 #時刻データ取得 時時は今で2文字左部分 分分は今で4から2文字抜き出す 秒秒は今で2文字右部分 #AM/PM等文字描画 もし、時時<12ならば [60,50]に「AM」を文字描画 違えば [60,50]に「PM」を文字描画 ここまで 「10px sans-serif」に描画フォント設定 [50,105]に「NADESIKO」を文字描画 #時針の位置計算と表示 時角1は時時+分分/60 時角2はDEG2RAD(時角1*30) X=SIN(時角2)*43 Y=COS(時角2)*43 RGB(0,150,0)に線色設定 #緑色 8に線太設定 [75,75]から[75+X,75-Y]へ線描画 #針先を丸める。 １に線太設定 RGB(0,150,0)に塗色設定 [75+X,75-Y]に3の円描画 #分針の位置計算と表示 分角1は分分+秒秒/60 分角2はDEG2RAD(分角1*6) X=SIN(分角2)*58 Y=COS(分角2)*58 青色に線色設定 6に線太設定 [75,75]から[75+X,75-Y]へ線描画 #針先を丸める １に線太設定 青色に塗色設定 [75+X,75-Y]に2の円描画 #秒針の位置計算と表示 秒角はDEG2RAD(秒秒*6) X=SIN(秒角)*68 Y=COS(秒角)*68 赤色に線色設定 2に線太設定 [75,75]から[75+X,75-Y]へ線描画 ６に線太設定 秒角RはDEG2RAD(秒秒*6+180) #秒針の後ろに四角 XR=SIN(秒角R)*25 YR=COS(秒角R)*25 [75,75]から[75+XR,75-YR]へ線描画 #中央に丸 赤色に塗色設定 [75,75]に6の円描画 #日付、曜日を文字描画 RGB(40,40,40)に塗色設定 #灰色 「15px sans-serif」に描画フォント設定 [20,165]に今日を文字描画 KYは今日の曜日 もし、KY=「土」ならば 青色に塗色設定 違えば もし、KYが「日」ならば 赤色に塗色設定 違えば 黒色に塗色設定 ここまで ここまで [95,165]に「（｛KY｝）」を文字描画 ここまで
▶ 実 行 [F9]
クリア
一時保存
デバッグ
ブレイクポイント:
→ 再開
↓ 一行次へ
×
キャンバス: 幅
× 高
27123f90279edbb3305828be8a9cc75e
3309
上書き保存
表示ページ
→直前に実行(または一時保存)した内容を復元
なでしこバージョン: v
素材のアップロード
ログイン
するとファイルをアップロードできます。