🌸 「なでしこ」
>
🍯 「貯蔵庫」
カラフル アナログ時計 (「クジラ飛行机 作品:アナログ時計(改)」 を改造したもの)
🌟新規
📒一覧
🔌
🔍検索
🚪ログイン
カラフル アナログ時計 (「クジラ飛行机 作品:アナログ時計(改)」 を改造したもの) 📖
カラフル アナログ時計 (「クジラ飛行机 作品:アナログ時計(改)」 を改造したもの)
プログラム:
(→大)
#「document.bgColor = "#202020"; document.fgColor = "#E0E0E0";」をJS実行。 # 時計のサイズを指定 CW=400 # サイズ CX=CW÷2 # 中心点 CY=CW÷2 時計更新。 「時計更新」を0.1秒毎。 ●盤描画とは # 盤背景 全描画クリア。 長さ=CX×0.88 始点=CX×0.82 60回 角度=(回数-1)/60×88888 #RGB(回数,回数,回数)の5を始点と長さと角度と偽で針描画a RGB(回数 / 角度,角度,回数 * 3 / 角度)の3600を始点と長さと角度と偽で針描画a ここまで。 1に線太設定。 白色に塗色設定。 RGB(54,54,54)に線色設定。 [CX,CY]へCXの円描画。 # グリッド線 長さ=CX×0.88 始点=CX×0.82 60回 角度=(回数-1)/60×360 #RGB(回数,回数,回数)の5を始点と長さと角度と偽で針描画a RGB(回数 / 角度,角度,回数 * 3 / 角度)の6を始点と長さと角度と偽で針描画a ここまで。 長さ=CX×0.88 始点=CX×0.69 12回 角度=(回数-1)/12×360 #RGB(回数 × 2,回数 × 2,回数 × 2)の12を始点と長さと角度と偽で針描画a もし回数が1なら RGB(30,255,240)の12を始点と長さと角度と偽で針描画a 違えば RGB(角度,60 + 角度 * 回数,300 + 角度 * 回数)の12を始点と長さと角度と偽で針描画a ここまで。 ここまで。 ここまで。 ●(色のサイズを長さと角度で)針描画とは 角度=(角度-90)%360; 色に線色設定。 サイズに線太設定。 X=長さ×COS(角度÷180*PI) Y=長さ×SIN(角度÷180*PI) [CX,CY]から[X+CX,Y+CY]へ線描画。 ここまで。 ●(色のサイズを始点と終点と角度と丸で)針描画aとは 角度=(角度-90)%360; 色に線色設定。 サイズに線太設定。 X=終点×COS(角度÷180*PI) Y=終点×SIN(角度÷180*PI) X0=始点×COS(角度÷180*PI) Y0=始点×SIN(角度÷180*PI) [CX+X0,CY+Y0]から[X+CX,Y+CY]へ線描画。 もし、丸が「丸付」ならば 赤色に塗色設定。 [X+CX,Y+CY]へCX×0.08の円描画。 ここまで ここまで。 ●時計更新とは 盤描画。 # 現在時刻を得る (システム時間ミリ秒/1000)を「HH:mm:ss:ccc 」で日時書式変換して「:」で区切る。 変数[時,分,秒,ミリ秒]=それ ミリ秒=ミリ秒を2で小数点四捨五入 #今を「:」で区切る。 #変数[時,分,秒,ミリ秒]=それ # 角度計算 時角度=(時%12)÷12×360+((分/60)×(360÷12)) 分角度=(分%60)÷60×360+((秒/60)×(360÷60)) 秒角度=秒÷60×360 #秒角度=秒÷60×360 # 針を描画 RGB(54,54,54)の12を(CX×0.5)と時角度で針描画。# 時 RGB(75,73,72)の8を(CX×0.8)と分角度で針描画。# 分 RGB(145,145,145)の4を(CX×0.95)と秒角度で針描画。# 秒 #RGB(分角度 / 2,54 * 秒,分角度 * 秒)の12を(CX×0.5)と時角度で針描画。# 時 #RGB(75,秒,分角度)の8を(CX×0.8)と分角度で針描画。# 分 #RGB(秒,分角度 / 2,分角度 * 秒)の4を(CX×0.95)と秒角度で針描画。# 秒 #[時,分,秒,ミリ秒]を表示 [CX,CY]へ8の円描画。 ここまで。
プログラムを実行
カラフル アナログ時計 作 (
関連URL
)
タイトル:
カラフル アナログ時計 (「クジラ飛行机 作品:アナログ時計(改)」 を改造したもの)
ライセンス:
未指定 (未指定/貯蔵庫のみ)
タイプ:
wnako
タグ:
-
利用バージョン:
3.4.20
作成日時:
2023/05/29 05:06
公開の投稿
⭐
ログイン
して★を付けよう!
📝作品を編集
作品公開情報
📍この作品のURL:
📍アプリ(即時実行)のURL:
📍アプリ(実行ボタンあり)のURL:
📍ブログパーツ:
上記HTML↑をブログに貼り付けることでアプリを埋め込めます。
📍ライブラリ直リンク - 『!「***」を取込』で使うとき:
通報数:
0
通報って何?