close

社群遊戲開發：使用HTML5, CSS和JavaScript

社群遊戲開發：使用HTML5, CSS和JavaScript

Making Isometric Social Real-Time Games with HTML5, CSS3, and JavaScript

　　用動畫元件和地圖呈現簡單的立體世界
　　製作棋盤式社交即時遊戲

　　任何熟悉Zynga Farmville的人都知道這種社群遊戲有多趣和迷人。本書將從頭到尾教你如何只使用開源碼設計和建置這類的社群遊戲。詳盡的範例和程式碼幫助學會如何繪圖，動畫，增加音效，確認分數以防作弊，以及更多技巧。

　　在這本書的結尾，將會完成一個叫度假村的專案，裡頭結合所有學過的技術。也將學會如何整合你的遊戲到臉書上。只要熟悉JavaScript、HTML5和CSS3就可以了！

　　．使用HTML5的Canvas元素製作動作更流暢的2D動畫元件(Sprite)
　　．為了高效能的圖畫創作一塊『棋盤格』圖案
　　．設計一個在手持式裝置和個人電腦上運行的一樣好的圖形化使用者介面(GUI)
　　．使用HTML5的影音元件為你的遊戲增加音效
　　．使用webWorkers建置遊戲的finding-path函式
　　．使用PHP和MySQL在伺服器端建立一個使用者端的資料模型
　　．用動態CSS3物件使你的遊戲更生動


 
前言

1.圖形函式：Canvas和Sprites
與canvas物件合作
創造出流暢的動畫
與sprites合作
像素能做什麼？
選擇呈現我們圖畫的方法

2.製作一個棋盤（isometric)

3.介面考量
GUI設計和互動網頁遊戲
執行GUI

4.HTML5 音效和顯像最佳化
使用Audio元素增加音效
使用Web Workers API管理成本花費的工作
本地端和Session儲存

5.讓遊戲與人連結
預防作弊和伺服器端的運作
Final game完工之路
讓這遊戲更出色
運用Facebook加入社交網絡


 

 

arrow
arrow
    文章標籤
    css gui html 使用 javascript 音效 canvas sprites isometric 元件
    全站熱搜

    明風的部落格 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄