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

前端知識(shí)

由于H5游戲?qū)儆赪eb范疇，所以需要具備很多的前端的基礎(chǔ)知識(shí)，包括了以下幾個(gè)方面：

基礎(chǔ)語(yǔ)言：JavaScript、HTML、CSS、TypeScript、PHP等

瀏覽器：瀏覽器緩存、本地存儲(chǔ)、瀏覽器頁(yè)面渲染流程、多屏適配、兼容性

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

緩存：redis、memcache

音頻視頻：howlerjs

基礎(chǔ)技能：PS切圖、動(dòng)畫(huà)制作、音頻剪切壓縮

游戲知識(shí)

由于H5游戲又有游戲的范疇，也是一個(gè)復(fù)雜的前端工程化項(xiàng)目，對(duì)基礎(chǔ)游戲知識(shí)和前端工程化知識(shí)也有一定的要求：

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

圖片壓縮：tinypng、雪碧圖、減少動(dòng)畫(huà)幀

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

實(shí)時(shí)性管理：socketio

解耦業(yè)務(wù)系統(tǒng)：新手引導(dǎo)、紅點(diǎn)系統(tǒng)

平臺(tái)知識(shí)

H5游戲的發(fā)布需要平臺(tái)作為載體，需要掌握相關(guān)平臺(tái)的能力體系，進(jìn)行適應(yīng)性開(kāi)發(fā)，充分發(fā)揮平臺(tái)的能力：

微信公眾號(hào)：授權(quán)、支付、分享、關(guān)注、客服、紅包

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

相關(guān)規(guī)范

H5游戲開(kāi)發(fā) && 設(shè)計(jì)師：通用按鈕一致性

背景圖片可復(fù)用

特效動(dòng)畫(huà)盡量精簡(jiǎn)幀數(shù)

粒子特效盡量減少資源

性能優(yōu)化

資源

• 小圖資源進(jìn)行雪碧圖合并

• 動(dòng)畫(huà)進(jìn)行重復(fù)幀數(shù)減少跟復(fù)用

• 圖片進(jìn)行tinypng壓縮

• 資源按需、按頁(yè)面異步加載

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

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

內(nèi)存

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

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

• 對(duì)動(dòng)畫(huà)、緩動(dòng)的計(jì)算進(jìn)行優(yōu)化

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

網(wǎng)絡(luò)

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

• 合并沒(méi)必要的請(qǐng)求，減少請(qǐng)求數(shù)

• 對(duì)請(qǐng)求響應(yīng)時(shí)間做數(shù)據(jù)統(tǒng)計(jì)分析，定位接口問(wèn)題

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

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

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