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

文字盤の時間を中央に寄せたり‥‥

文法命令一覧

エディタ

プログラム

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

実行結果

保存

プログラムを保存

表示ページ

直前に実行または一時保存した内容を復元

実行環境

なでしこバージョン

素材

画像・音声・データ

ログインすると素材をアップロードできます。

🍯 プログラム貯蔵庫

プログラム

プログラムを保存

なでしこバージョン

画像・音声・データ