如果你尝试做H5小游戏推广必须注意的事项

世界工厂网线上生态学院 世界工厂网线上生态学院：制造公司开展线上业务的加油站 如果你尝试做 H5 小游戏推广必须注意的事项首先，我们来了解一下，什么是 H5 小游戏。一、H5 游戏H5 是一系列制作网页互动效果的技术集合，即 H5 就是移动端的 web 页面。而 H5 游戏，你可以看作是移动端的 web 游戏，无需下载软件即可体验，这就是 H5 在传播上的优势。对于许多手游玩家来说，H5 可能是个十分陌生的名词，其实 H5 就是 HTML 的高级版本，目前 H5 技术正在不断完善。注意事项一、内存的评估其实内存的评估主要用于评估项目美术资源的使用程度，相比代码和配置占用的内存量，美术资源才是大头。这一步对于我们程序来说非常重要，因为策划不懂，美术为了效果不会去考虑美术量是否过大。但是再我们没有经历过完整项目之前，我们怎么知道要做一个怎样的限制呢？很简单，我们只需要去看看市面上当红 H5 产品，F12 看看他的美术资源，地图有多少格，每张多大，人物动画，技能特效等等资源有多大！基本上就可以换算出大概的内存占用量。然后再用较为低端的手机跑一跑，看看是否有浏览器崩溃的情况。因为崩溃往往是内存爆了！一句话总结 内存的评估主要是告诉策划和美术，我们的地图最大能多大，我们的人物动作几个合适几帧合适，ui 资源得多复用多 9 宫格！因为这些决定了你的游戏能在多低端的手机上不崩溃！二、图片压缩使用自动化工具 gulp-imagemin（教程） 来压缩图片，效果举例：101 KB => 80.7 KB。后来我使用了在线工具 Tinypng 又进行了一次压缩，效果举例：（上面使用 gulp-imagemin 压缩过的图片）80.7 KB => 38.1 KB，可见光使用自动化工具来压缩是不够的，大部分图片仍存在较大的压缩空间，可以再扔世界工厂网线上生态学院 世界工厂网线上生态学院：制造公司开展线上业务的加油站 到 Tinypng 里压缩一下看看。三、标题简短移动端浏览器导航条宽度有限，简短的标题可以使其展示完整。四、二维码图片使用 img 标签引入二维码图片不要写为元素背景，不然长按没有办法触发扫描功能。应使用 img 标签引入五、单个页面内容不能过多设计常用尺寸：750 x 1334 / 640 x 1134，包含了手机顶部信号栏的高度。移动端 H5 活动页面常常需要能够分享到各种社交 App 中，常用的有 微信、QQ 等。使用移动设备查看页面时会发现，在微信浏览器中有顶部导航栏，在 qq 内置浏览器里不止有 顶部导航，底部也有 操作栏（safari 浏览器也一样），这些都会占用设计稿显示区域，因此在 设计环节 就需要考虑内容的多少，页面底部要 预留一定的空白，这样在微信或 qq 中才不会被遮住。总结：以上就是针对“尝试做 H5 小游戏推广必须注意的事项”，希望可以帮到你们。