在學習HTML5時，别忘了CSS技術

筆者就html5學習展開思考，光學大賽官網上的關于html5的知識是不夠的，參賽作品不僅僅光需要html5更需要各個方面的組合，是以團隊各個成員學習的側重點最好不同，CSS對軟體的重要性這裡就不過多贅述了。學習有關CSS的課程我們現在最好盡快開始。

善于運用CSS知識

你最好很擅長CSS技術，因為讓遊戲在桌面電腦平台、Android手機及所有iOS裝置的主流浏覽器流暢運作，需要用到大量的CSS知識。我們有一個網頁開發者的任務就是處理與CSS相關的工作，針對多種移動裝置建立可動态變換尺寸的菜單。在電子遊戲設計中，有50％的工作用于建立菜單。而HTML5跨平台遊戲開發中有50％屬于與CSS相關的工作。

*我們的實踐證明，開發者可以使用HTML5制作出很棒的跨平台等視距遊戲。

*如果玩家可以在一個裝置上玩某款遊戲，多數人就會想在手機或平闆電腦上繼續體驗該遊戲。

*制作HTML5跨平台遊戲需進行大量試驗。

*雖然HTML5很強大，但仍有一些不甚完善之處。

*跨平台遊戲體驗意味着，遊戲設計之初就要考慮到使用者在不同裝置上的體驗。

*不可在手機遊戲中植入需進行大量堆疊或過度拖動的操作。

*最好很精通CSS技能。

以下是我們在Facebook平台開發跨平台HTML5遊戲的一些極有幫助的參考資料：

1）viewporter. https://github.com/zynga/viewporter. 這個Zynga開源代碼允許你擷取任何裝置的螢幕尺寸，并針對這些螢幕調整遊戲大小。它比你自己從頭編寫代碼更省時間（我們用過Viewporter，也自己寫過代碼，是以才會知道這一點。）

2）Weinre.http://phonegap.github.com/weinre/. 這個遠端調試器工作原理類似于Web Inspector，但它運作于移動裝置。它有助于追蹤iPhone和iPad等裝置上的控制台錯誤資訊。

3）JQuery. http://jquery.com/ 你可以利用這個庫中現成的代碼，省下自己寫代碼的時間。它對文本動畫處理極有用處，我們進行了一些修改并推出了JQuery Mobile，它更适用于移動裝置平台。

4）node.JS. http://nodejs.org/ 在你使用Javascript編寫内容時，它可以讓你省時省力地使用戶端代碼及伺服器相适配。在作為遊戲伺服器時，node.JS的擴充性能也十分理想。

筆者就html5學習展開思考，光學大賽官網上的關于html5的知識是不夠的，參賽作品不僅僅光需要html5更需要各個方面的組合，是以團隊各個成員學習的側重點最好不同，CSS對軟體的重要性這裡就不過多贅述了。學習有關CSS的課程我們現在最好盡快開始。