首页 / 办公指南 / h5开发要注意的规则有哪些?开发h5游戏的注意事项是什么?

h5开发要注意的规则有哪些?开发h5游戏的注意事项是什么?

专业知识 专业知识 阅读量5308 2022-03-30

现在h5开发的价值越来越受到人们的关注了,很多企业在做产品推广的时候,都会考虑使用h5,因为它的优势非常多,其实h5开发并不是一件很容易的事情,它里面有很多需要注意的地方,尤其是在做游戏开发的时候,大家还需要按照一定的规则去操作,下面福昕知翼就给朋友们详细的介绍一下h5开发要注意的规则有哪些以及开发h5游戏的注意事项是什么等问题,以供参考。

h5开发要注意的规则有哪些?开发h5游戏的注意事项是什么?

h5开发要注意的规则有哪些?

一、交互上,慎用向右滑动的操作方式。

如:刮刮乐涂抹效果,左右滑动翻页等。

原因:苹果手机上,向右滑动容易触发返回“上一级页面”效果。

二、 交互上,慎用横屏展示效果。

原因:体验上,需要用户设备开启屏幕旋转功能,才能正常观看,用户操作成本高。

对不同屏幕的手机,长宽比例不一,难以展示最佳的视觉效果。

三、视觉上,功能按钮等,远离页面底部(大概128px,这个尺寸不是固定值)。

具体看重构采用什么适配方式(仅供参考:640*1136 px,从上往下计算,主要内容在1008px内)。

原因:更好的适配各种屏幕的手机,避免按钮被挡住。

四、视觉上,慎用“光线叠加效果”或PS里面的“图层样式”效果。

如:给图层加个“柔光”、“滤色”、“色相”等等效果,除非这个视觉元素可以合并为一体。

原因:给重构挖坑,导致不好切图,无法还原视觉效果。

五、视觉上,矢量图?想做简单的动画?导出SVG格式试试!

原因:能减少体积的事,为什么拒绝呢……

h5开发要注意的规则有哪些?开发h5游戏的注意事项是什么?

开发H5游戏的注意事项是什么?

出现一个载入进度条,载入一些必须的图片、音频、字体等文件;

显示主菜单,提示用户开始游戏;

进入游戏主逻辑。在游戏过程中,当用户胜利或者失败,或是触发了某个按钮或者按键时,游戏会退出,显示结果页面。

用户分享游戏或者关闭游戏。

也就是说一个完整的H5游戏,至少有3个页面不可或缺,就是加载页、游戏页、结果页。由此也可以延伸出多个页面,比如开始页,分享页等。

区别于普通的网页的开发,H5游戏需要大量的视觉听觉素材,并且用户的网络的带宽有限。当你使用了很多的图片、声音、视频以及媒体文件的时候,用户会花费一些时间等待浏览器从服务器下载。

如果在编写游戏时, 你不把它放在心上,不提前加载而直接使用, 等你开发完游戏到真实的用户场景上运行时,你就会碰到问题多多,因为图片和声音文件是异步加载的,你的JavaScript代码会在资源全部加载完成前执行。

h5开发要注意的规则有哪些?大家在做h5开发的时候,就需要格外关注以上的这些要点,在使用h5做游戏开发的时候,需要有多个页面,其中游戏页,加载页和结果页是不能缺少的,同时还可以去增加其他的页面,如果大家想了解更多关于h5的知识的话,可以来福昕知翼网站学习。

本文地址: https://www.docer365.com/zn-1660.html

版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处.

知翼

对不起,该文章已被删除,无法查看

去首页