時鐘專案

單元1. 時鐘面板與顯示日期時間文字

1. 專案下載
2. 取得日期時間
3. clock1.txt

單元2. 時針與分針同步顯示

• 連結時針、分針、秒針的Sprite陣列
• 連結時針、分針、秒針的Image
• 依時分秒選取更新圖片
• clock2.txt

單元3. 建立開關動畫按鈕

• 開關圖片下載
• 開關.fla
• 建立TurnOn動畫

單元4. 開關按鈕按下後做開啟動畫

• TurnOn.txt
• 重新命名TurnOn.controller
• 建立Off動畫
• 建立iOnOff參數，連接Off to TurnOn
• 將Off to TurnOn連線做iOnOff=1的條件限制
• using UnityEngine.SceneManagement;
• Animator aniSwitch;
• aniSwitch = this.GetComponent ();
• aniSwitch.SetInteger("iOnOff",1);
• SceneManager.LoadScene (no);

單元5. 動畫末端加上跳場景事件

• 重新命名TurnOn.controller
• 建立Off動畫
• 建立iOnOff參數，連接Off to TurnOn
• 將Off to TurnOn連線做iOnOff=1的條件限制
• using UnityEngine.SceneManagement;
• Animator aniSwitch;
• aniSwitch = this.GetComponent ();
• aniSwitch.SetInteger("iOnOff",1);
• SceneManager.LoadScene (no);

單元6. 按鈕設定時

• 設定鬧鐘設定介面
• SetAlarm_Canvas_unitypackage.zip
• 按鈕
• 時上捲數字
• 分上捲數字
• SetHour_Unitypackage.zip 
• 建立時數字滾輪動畫
• imgHour Animator 新增float參數 h
• 參考程式UpDown1.txt
• aniNum.Rebind ();重新回歸HourUp0
• aniNum.Update (0f);動畫播放點歸零
• aniNum.SetFloat ("h", (float)iNum);

單元7. 按鈕設定分

• 參考程式UpDown2.txt
• SetMinute_Unitypackage.zip 
• 新增分數字捲動動畫
• 時設定按鈕與分設定按鈕共用UpDown.cs
• public bool bIsMin;利用此變數來判定是哪個按鈕使用此script
• aniNum.SetFloat ("m", (float)iNum);
• aniNum.SetFloat ("h", (float)iNum);

單元8. 鬧鐘設定時針與分針同時顯示

• 參考程式UpDown3.txt
• public Sprite[] spHour;60張時針圖
• public Sprite[] spMin;60張分針圖
• public Image imgHour;時針
• public Image imgMin;分針
• imgMin.sprite = spMin [iNum];
• imgHour.sprite = spHour [(iNum*5)%60];

單元9. 傳統鬧鐘

• 上方顯示時鐘，內含一根鬧鐘指針
• 下方有兩個滾輪調整時與分
• 鬧鐘指針會對應下方時與分設定
• 練習專案下載
• 從Animator取得變數值
• 時與分設定按鈕共用程式
• 鬧鐘聲音下載
• 聲音放送參考程式

單元10. 傳統鬧鐘準時播放與停止

• 定時播放
• 1分鐘後停止
• 完整專案下載
• 參考程式

綜合考題1. 碼表

• 下載匯入碼表畫面Package
• 下載秒針圖片
• 請參考影片說明解題

步驟1. 專案初始畫面及素材

1. 專案下載
2. 取得日期時間參考程式
3. 圖片切換參考生命靈數程式

學生作品成果範例

1. 完整專案下載(2022.09.30更新)
2. 參考程式(2022.09.30更新)

ICON製作與輸出APK教學

1. 安裝Android環境教學

Android 手機的開發人員選項開啟

• 設定/關於/軟體資訊/版本號碼 連按7次開啟開發人員選項
• 開發人員選項/USB偵測 勾選

輸出至手機測試

• 電腦使用USB連接手機
• Build And Run

鬧鐘專案

• 專案下載