HTML5遊戲開發大牛是這樣煉成的？！

在這個移動網際網路的時代，Web技術的觸角必然會深入到各個領域，使用者到達成本低，這是的殺手級優勢。基於這個優勢， H5前景必然是廣闊的，更別提H5開發還有著開發效率高、部署迭代迅速等優勢。

而H5也不是一成不變的，如執行效率、碎片化，和JavaScript自身的坑，這些令人困擾的問題已經在不斷改善，Web技術也正在以一日千里的速度進化著。大家不妨回想一下，在IE的時代，在Android WebKit的時代，Web的開發和體驗有多麼痛苦，但時至今日我們已經有不少優秀的開發框架和app級的web應用，這一切要歸功於一代代程式設計師的不斷努力。Web技術更是已經越過了瀏覽器的邊界，正在入侵app的領域，大家可以看一下手機淘寶、手機百度、京東等。而在移動遊戲領域，變化也在悄然發生著，最受歡迎的2d遊戲引擎Cosos2d已經支援用JavaScript開發並同時編譯成H5和原生app版本，聽說Unity也將提供H5支援。

綜上，Web技術有著不可替代的優勢，參考網際網路幾十年的發展歷程和近年來Web技術的爆發式發展，我認為H5遊戲的前景不可限量。移動app的web化、Hybrid化趨勢，兩大遊戲引擎的動向，也多多少少證明了這個觀點。HTML5遊戲開發都需要學習技能，一起來看看吧！

1、課程簡介

介紹的發展前景，遊戲效果展示； 說明HTML5遊戲開發的學習路線； 介紹HTML5遊戲開發的生命週期。

2、遊戲初體驗

介紹Canvas與Context的概念，介紹如何使用Canvas與Context完成遊戲動畫的程式編寫。

3、繪製樣式與線段

介紹如何設定繪製樣式，以及如何繪製線段。

4、矩形

如何使用API完成矩形的繪製，填充，擦除等效果。

5、平移、旋轉與縮放

介紹在HTML5當中，如何實現平移、旋轉、縮放等效果，為遊戲特效打下基礎。

6、案例—旋轉吧方塊！

採用基礎知識完成動畫案例，讓方塊旋轉起來，三種不同特效。

7、路徑與圓

介紹如何使用HTML5繪製不規則路徑、圓形、扇形等。

8、陰影與漸變-1

介紹如何實現陰影特效，如何實現線性漸變，徑向漸變。

9、陰影與漸變-2

介紹如何實現陰影特效，如何實現線性漸變，徑向漸變。

10、陰影與漸變-3

介紹如何實現陰影特效，如何實現線性漸變，徑向漸變。

11、影像繪製-1

介紹如何繪製影像、如何進行影像平鋪及裁剪。

12、影像繪製-2

介紹如何繪製影像、如何進行影像平鋪及裁剪。

13、案例-馬里奧，走起來！

透過案例展示如何讓馬里奧走動起來。

課程地址：