HTML5遊戲開發憑什麼這麼火？看了你就知道了...

不少人都會問H5遊戲有前途嗎？其實我我的是比較看好H5的前景，尤爲是在這個移動互聯網的時代，Web技術的觸角必然會深刻到各個領域.

固然H5目前仍然存在着很多缺點，包括你們所提到的性能較弱、碎片化問題和JS這門語言自身的缺點等等。但這不能抹殺H5自身的魅力，用戶到達成本低，這是H5的殺手級優點。基於這個優點， 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遊戲開發都須要學習技能，一塊兒來看看吧！

一、課程簡介

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

二、遊戲初體驗

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

三、繪製樣式與線段

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

四、矩形

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

五、平移、旋轉與縮放

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

六、案例—旋轉吧方塊！

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

七、路徑與圓

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

八、陰影與漸變-1

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

九、陰影與漸變-2

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

十、陰影與漸變-3

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

十一、圖像繪製-1

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

十二、圖像繪製-2

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

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

經過案例展現如何讓馬里奧走動起來。

課程地址：http://edu.51cto.com/course/course_id-1307.html