時間の感覚を養うアナログ時計

ソース

プログラム

四角枠=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+中心縦]へ線描画。
ここまで。

作品について

作品情報

作品を編集

吉作

ライセンス: 未指定（未指定/貯蔵庫のみ）
形式: wnako
タグ: -
利用バージョン: 3.4.22
アクセス数(累計): 1
アクセス数(今月): 1
更新日時: 2023/11/23 13:49 編集: 2023/12/04 16:26

作品公開情報

交流

時間の感覚を養うアナログ時計

プログラム

作品情報

コメント