什么是H5游戲？開發(fā)H5游戲流程是什么

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

前端知識

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

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

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

網(wǎng)絡協(xié)議：HTTP、HTTPS、WebSocket

緩存：redis、memcache

音頻視頻：howlerjs

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

游戲知識

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

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

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

數(shù)據(jù)狀態(tài)管理：redux、react...

實時性管理：socketio

解耦業(yè)務系統(tǒng)：新手引導、紅點系統(tǒng)

平臺知識

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

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

其他平臺：賬戶、支付、數(shù)據(jù)統(tǒng)計、兌換碼、添加圖標到桌面、分服

相關規(guī)范

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

背景圖片可復用

特效動畫盡量精簡幀數(shù)

粒子特效盡量減少資源

性能優(yōu)化

資源

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

• 動畫進行重復幀數(shù)減少跟復用

• 圖片進行tinypng壓縮

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

• 圖片進行瀏覽器緩存：cdn、靜態(tài)資源站點

• 首屏游戲資源大小控制在2M以內(nèi)，提供加載頁優(yōu)化用戶體驗

內(nèi)存

• 使用chrome性能分析，對函數(shù)內(nèi)存優(yōu)化

• 減少JavaScript大數(shù)據(jù)或復雜運算

• 對動畫、緩動的計算進行優(yōu)化

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

網(wǎng)絡

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

• 合并沒必要的請求，減少請求數(shù)

• 對請求響應時間做數(shù)據(jù)統(tǒng)計分析，定位接口問題

• 對大流量接口進行數(shù)據(jù)優(yōu)化

藍暢信息技術有限公司成功為多家世界財富500強企業(yè)以及其他著名品牌提供優(yōu)質服務，是您靠譜的互聯(lián)網(wǎng)開發(fā)供應商。

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