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

《炫麗的倒計時效果Canvas繪圖與動畫基礎》是慕課網提供的慕課課程,授課老師是liuyubobobo。

基本介紹

  • 中文名:炫麗的倒計時效果Canvas繪圖與動畫基礎
  • 提供方:慕課網
  • 類別:慕課
  • 授課老師:liuyubobobo
課程簡介,課程大綱,

課程簡介

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)

相關詞條

熱門詞條

聯絡我們