Canvas動畫

CV01 新增網站/新建Canvas

• 成果展示
• 素材下載

CV02 載入背景圖

• 成果展示
• 參考程式

CV03 陣列與秒動畫

• 成果展示
• 參考程式

CV03 Ext 50秒後停止

• 成果展示
• clearInterval();移除Interval循環
• 參考程式

CV04 顯示日期時間

• 成果展示
• 參考程式

CV05 顯示秒時鐘

• 成果展示
• 參考程式

CV06 按鈕顯示輸入值

• 成果展示
• 參考程式

CV07 按鈕遞增遞減秒數

• 成果展示
• 參考程式
• 按鈕圖片下載

CV08 秒針顯示目前秒數

• 成果展示
• 參考程式

CV09 按鈕開始倒數

• 成果展示
• 參考程式

CV10 按鈕切換圖像

• 播放鈕下載
• 成果展示
• 參考程式

CV11 觸發音樂

• 音樂下載
• 成果展示
• 參考程式

CV12 電子鐘範例

• 梁詠琳電子鐘下載
• 電子鐘外殼PSD
• 電子鐘外殼PNG

CV13 時鐘範例

廖士榮時鐘下載

CV14 賓果遊戲產生25個不重複數字

• 成果展示
• 參考程式

Canvas動畫01-直升機旋轉動畫

• 直升機原旋轉動畫; 下載

Canvas動畫02-直升機前進

• 直升機往上前進; 下載

Canvas動畫03-直升機反向前進 (動動腦)

• 直升機往下前進結果顯示
• 圖片更換
• 起點座標設定為舞台之上
• y座標遞增
• 到達終點重新設定為起點座標
  

Canvas動畫04-每三秒隨機產生一直升機在不同起點

• 結果顯示
• 成果下載

Canvas動畫05-直升機在Y座標300死亡線消失

• 結果顯示
• 成果下載