More Related Content
Similar to Mobile Web Game 開發心得分享 (20)
Mobile Web Game 開發心得分享
- 7. HTML5 遊戲開發技術
• WebGL
– 優:效果炫
– 缺:手機支援不完全
• Canvas
– 優:較類似傳統遊戲技術架構
– 缺:自廢武功、 Android 速度差異很大
• DOM + CSS3
– 優:上手速度快
– 缺:陷 多,與傳統遊戲技術架構差異大阱
- 10. 繪圖速度效能技巧
• 動啟 2D 硬體加速
*{
-webkit-transform:
translate3d(0,0,0) rotate(0) scale(1);
}
• 避免網頁 reflow
– 指定固定尺寸
– 指定 z-index
- 23. 記憶體問題
• 單一頁面記憶體限制
– iOS : 10M
– Android :各家廠牌不同,比 iOS 稍大
• 現實是殘酷的
– Retina 影像:影像記憶體 x 4
– 動硬體加速:影像記憶體啟 x 4
• 為了保護 OS 穩定度,記憶體使用超過限制行動瀏覽
器就會自動崩潰
- 27. 記憶體管理
• Memory Pool
– 最好的 delete 方法就是不要 new
• 釋放影像的方法
– img.src =
'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAE
ALAAAAAABAAEAAAICTAEAOw==';
- 33. 總結
• 效能問題
– 追求平衡
– 讓時間解決一切
• 遊戲引 成熟度擎
– canvas based
• Mobile Web 的定位
– 借殼上市
– 用在適合的地方
- 35. 07th Expansion
• 美術 & 劇本:龍騎士 07
• 程式:弟弟
• 客服:母親
• 資料蒐集:父親
• 日本公務員離職作遊戲
• 第一次銷售量: 50
• 遊戲、漫畫、動畫、廣播劇、真人電影改編
Editor's Notes
- 與傳統的甜度黏度不同…