h5游戏开发的方式、注意点有哪些?
时间:2018-08-21浏览次数:258来源:蓝橙互动-微信互动游戏制作

H5游戏发布与2014年,那时刚好遇上微信用户普及,h5游戏迅速在微信中火爆,传播量惊人,几乎每处一款小游戏都能吸引很大的用户量。很多开发商看到了h5游戏开发的商机,迅速涌入h5游戏开发市场。

那么,按照制作方式可以分为两种:

1、原生开发

就是自己写HTML5代码(HTML/CSS/JAVA),或者使用第三方引擎。

2、第三工具

另外就是通过一些第三方工具来实现游戏的生成与定制。

这里也可以分为两类:

A套模版,有简单的直接套模版,替换素材,游戏音乐音效即可直接完成的。

B工具编辑器,也有一些高级的工具类似于H5互动编辑器,如果你想学,不想从0开始学代码,这个是一个略微高级的学法。

H5游戏开发,设计师应该注意的地方:

蓝橙互动小编认为,移动端最大的问题在于多种设备,多种平台,多种尺寸,当我们在做手机端H5网页设计稿时(当然包含微信端的H5网页设计),如果没有做过类似的移动端的设计,UI设计师和前端工程师肯定会纠结的。那么多手机屏幕尺寸,设计稿应该按照哪一个尺寸作为标准尺寸。现在已经有很多2K分辨率的手机屏幕了,设计稿是不是也要把宽高跟着最大分辨率来设计。显然不是。先看一下市面上主流的手机尺寸:我们在H5开发初期的时候,进行了各种尺寸的设计稿尝试,比如1倍的(320X480)、2倍的(640X1136)、3倍的(1242X2280)像素。最终得出的试验结果是。H5的设计稿一般设计为640X1136即可。即IPHONE5S的物理像素(也即是5、5C以及将要发布的5SE的物理像素,这一系列手机在IPHONE的占有率中是最高的),既满足了RETINA用户的显示需求,又能降低2G、3G用户加载图片需要的带宽。不过,你若有更高质量的追求,750*1334像素的设计稿也是一个不错的选择。

h5游戏开发

H5游戏开发,开发者应该注意的地方:

不管在手机浏览器还是在微信客户端或者腾讯新闻客户端开发,内容大都不能全屏显示的。在底部或者顶部多多少少会有一个状态栏的占位,并不能展示手机的全部尺寸。一些手机浏览器底部会有导航,也有些会在顶部和底部都有占位,比如导航栏、状态栏。顶部的占位会把内容往下挤,底部的占位会把内容遮盖住。所以,我们在进行H5页面内容规划布局设计的时候,不能把重要内容放在太偏下或者太偏上的位置,否则前端布局时可能出现内容显示不全的情况。如果有滑动的交互操作,用户很有可能触发浏览器页面的滑动,导致较差的用户体验。

如果你的页面高度超过1080PX,页面就会出现滚动功能。除去顶部大概130PX的像素,底部大概150左右的像素,内容的安全高度大概有850左右,怎么布局页面,具体要看你的项目主要在什么环境上运行。

若要使一个游戏更逼真,那一定离不开物理引擎,物理引擎是通过为游戏中的物体赋予真实的物理属性,计算运动、旋转和碰撞之后的效果。就是把现实世界的牛顿定律,应用到虚拟世界当中去。物理引擎是独立于游戏引擎存在的一个库。

物理引擎的种类很多,例如BOX2D,COCOS,THREE等,各有优劣,各有擅长。PHASER就内置了三种物理引擎ARCADE、NINJA、P2(PIXI2D)。P2在这里要单独提一下,P2作为一个JS的2D渲染器,它的目标是提供一个快速的、轻量级而且是兼任所有设备的2D库。对于支持WEBGL的浏览器,P2将使用WEBGL绘图,不支持WEBGL的浏览器就降级至CANVAS,PIXI渲染器可以使开发者享受到硬件加速,但并不需要了解WEBGL。当然不限于这些引擎,你也可以另外添加自己需要的物理引擎。