炫麗的倒計時效果Canvas繪圖與動畫基礎

課程簡介

Canvas顧名思義是定義在瀏覽器上畫布，但Canvas不僅僅是一個元素，它更是一套編程的接口，它的出現已然超過了Web基於文檔的設計初衷。利用它你可以開發出很多夢寐以求的內容，讓編程工作者徹底釋放自己的創造力！

第1章歡迎進入Canvas的世界！

歡迎進入HTML5Canvas的世界，體驗這一最激動人心的技術。從現在開始，學習Canvas，創造你夢寐以求的套用效果，徹底釋放你的想像力。

1-1歡迎進入Canvas的世界！(02:21)

第2章Canvas繪製基礎

從0開始，創建自己的Canvas畫布。學習最基礎的Canvas繪製接口，繪製出一個炫麗的七巧板。

2-1創建canvas(06:17)

2-2繪製直線、多邊形和七巧板(13:43)

2-3繪製弧和圓(10:08)

第3章倒計時電子鐘的實現

學習弧線和圓的繪製，進而完成電子鐘的繪製效果。

3-1倒計時程式的基本架構(07:49)

3-2倒計時數字鐘的具體繪製(09:33)

3-3倒計時的時間計算(05:30)

第4章炫麗的動畫效果

Canvas動畫基礎，帶你進入Canvas動畫設計的大門。從一個小球的物理試驗，到無數個小球在螢幕上迸發出炫麗效果。

4-1一個實現動畫的基礎函式(06:08)

4-2使用canvas做個物理實驗(06:59)

4-3華麗的小球滾動效果(11:38)

第5章最佳化、擴展、變成絢麗的時鐘

性能最佳化和螢幕自適應。也希望大家能夠盡情創造，編寫出屬於自己的，更加華麗的效果！

5-1性能最佳化(08:46)

5-2螢幕自適應(04:09)

5-3改進成時間管理小工具(06:33)

5-4計時器效果

5-5修改為炫麗的時鐘效果(03:42)

5-6時鐘效果

5-7總結(03:57)

5-8綜合介紹(03:45)