什么是H5游戲？開發H5游戲流程是什么

由于H5游戲的特殊性，他對游戲開發者提出了更高的要求，以下是你想入門游戲必須掌握的知識體系

前端知識

由于H5游戲屬于Web范疇，所以需要具備很多的前端的基礎知識，包括了以下幾個方面：

基礎語言：JavaScript、HTML、CSS、TypeScript、PHP等

瀏覽器：瀏覽器緩存、本地存儲、瀏覽器頁面渲染流程、多屏適配、兼容性

網絡協議：HTTP、HTTPS、WebSocket

緩存：redis、memcache

音頻視頻：howlerjs

基礎技能：PS切圖、動畫制作、音頻剪切壓縮

游戲知識

由于H5游戲又有游戲的范疇，也是一個復雜的前端工程化項目，對基礎游戲知識和前端工程化知識也有一定的要求：

資源管理：按需加載，延遲加載

圖片壓縮：tinypng、雪碧圖、減少動畫幀

數據狀態管理：redux、react...

實時性管理：socketio

解耦業務系統：新手引導、紅點系統

平臺知識

H5游戲的發布需要平臺作為載體，需要掌握相關平臺的能力體系，進行適應性開發，充分發揮平臺的能力：

微信公眾號：授權、支付、分享、關注、客服、紅包

其他平臺：賬戶、支付、數據統計、兌換碼、添加圖標到桌面、分服

相關規范

H5游戲開發 && 設計師：通用按鈕一致性

背景圖片可復用

特效動畫盡量精簡幀數

粒子特效盡量減少資源

性能優化

資源

• 小圖資源進行雪碧圖合并

• 動畫進行重復幀數減少跟復用

• 圖片進行tinypng壓縮

• 資源按需、按頁面異步加載

• 圖片進行瀏覽器緩存：cdn、靜態資源站點

• 首屏游戲資源大小控制在2M以內，提供加載頁優化用戶體驗

內存

• 使用chrome性能分析，對函數內存優化

• 減少JavaScript大數據或復雜運算

• 對動畫、緩動的計算進行優化

• 保證游戲的FPS在30幀以上

網絡

• 實時性要求高的使用websocket，減少使用不斷輪詢方式

• 合并沒必要的請求，減少請求數

• 對請求響應時間做數據統計分析，定位接口問題

• 對大流量接口進行數據優化

藍暢信息技術有限公司成功為多家世界財富500強企業以及其他著名品牌提供優質服務，是您靠譜的互聯網開發供應商。

服務客戶遍及北京、上海、杭州、深圳、廣州、天津、青島、南京、寧波、蘇州、無錫、廈門、重慶、西安等大中型城市及地區    主要業務：H5開發，H5設計，H5外包，微信開發外包，H5商城開發，小程序商城開發，網站開發外包，H5游戲開發，小程序開發外包，小程序設計、APP開發外包，UI設計，視頻后期制作等