1. <th id="quooa"><pre id="quooa"></pre></th>

      <dd id="quooa"></dd>

      為用戶創造價值

      始終追求工匠精神,是您靠譜的H5開發、小程序開發、微信開發供應商

      藍暢首頁 >> 動態

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

      時間:2019-08-15 15:39:12 | 來源:

      什么是H5游戲?

      H5游戲是H5技術創造出來的游戲,H5技術創造出來的游戲。H5是HTML5的縮寫,可以看作是移動端的web頁面,而H5游戲則是移動端的web游戲,無需下載用手機點開就能在線玩,方便快捷,不占用手機內存,在講直白點就是H5游戲就是手機網頁游戲。H5游戲具有即開即玩、碎片化、上手簡單、易玩等特點



      (圖為 infocode藍暢信息技術為哈根達斯開發的黏黏看,仿照連連看游戲)



      由于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設計,視頻后期制作等





      本文地址:
      更多內容推薦:
      專欄最新閱讀:
      Tips: 為您提供H5開發、小程序開發、微信開發、網站開發、小程序商城開發、SEO網站優化、視頻后期制作服務
      国产精品久久久久久TV

      1. <th id="quooa"><pre id="quooa"></pre></th>

        <dd id="quooa"></dd>