为用户创造价值的开发公司

始终追求工匠精神,是您靠谱的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网站优化视频后期制作等定制化开发服务