03 妖怪手錶來了

(2021/04/28)

終於把妖怪手錶最精髓的手錶呈現時間的部份完成了,本作品一共有三種選項可以切換:一是數位手錶、二是圓形指針手錶、三是鬧鐘設定。其中花最多心思的指針手錶,後來發現吉哥積木已內建了,而且只要一個積木就完成了,只能說有吉哥真好。當然這妖怪手錶對小朋友而言可能不滿意,是不是能加入一些遊戲,這我可能就要好好想一想了,敬請期待。

一、RTC網路校時

  • 吉哥積木

  • 顯示目前的日期及時間

    • 在同一列,同時顯示日期及時間(clock1)

      • 日期及時間分兩列來顯示(clock2)

二、具有指針的圓形錶面

  • 後來發現吉哥積木已有【圓形時鐘】的積木了,使用上更簡單

  • 程式:

    • <<以下作法為最初不知有上面該時鐘積木所做的較複雜程式>>

  • 測試指針的運動

    • 圓形錶面的圓心:(64,32)

    • 先設指針的長度:30

    • 指針末端的座標(X、Y)

      • X的座標與sin(角度)有關

      • Y的位置與cos(角度)有關

    • 程式(clock3)

  • 畫出表面的整點刻痕,且有時針(長20)、分針(長26)、秒針(長32),且可正常運作

    • 完整程式(clock4)

      • 整體感覺沒有問題,但由上圖這時已經快7點了,但看起來只有6點,所以有關【時】的呈現要再修正

      • 修正的部份如下:(clock5)

三、設定鬧鐘

  • 手錶另一個重要功能是設定鬧鐘

  • 功能說明:

    • 按A鍵可更改設定選項(設定鬧鐘的【時的十位數】、【時的個位數】、【分的十位數】、【分的個位數】、【是否啟動鬧鐘】等共5個選項)

    • 按B鍵可修改讓選項的值

    • 完成品如下所示

      • 程式有一點長 (alarm1)

四、將上面介紹的功能整合在一起

  • 功能

    • 第一項:數位手錶

    • 第二項:圓形指針手錶

    • 第三項:鬧鐘設定

    • 利用按A+B鍵,進行上面三項功能的切換

  • 程式 (clock_all)

    • 新增了一個變數(item)

      • 如果item=1時,顯示【數位手錶】

      • 如果item=2時,顯示【圓形指針手錶】

      • 如果item=3時,顯示【鬧鐘設定】

    • 按【A+B鍵】,可進行上述功能切換

      • 顯示各選項下的畫面

      • 主要是拿第3選項【鬧鐘設定】的程式來修改,增加上面的部份就完成了