磊友创始人赵霏谈HTML5手游上线iOS经验

HTML5在游戏行业逐渐得到认可和普及&＃xff0c;磊友创始人赵霏最近在知乎社区上分享了HTML5手游“猎魔佣兵”上线iOS的经验&＃xff0c;包括HTML5技术开发手机游戏的优点、AppStore对游戏定价的限制条件和相应的解决办法、原生界面和Web界面的协调等等&＃xff0c;对准备尝试iOS游戏的开发者和创业者来说都是不错的参考。

赵霏详细描述了猎魔佣兵上线的曲折过程&＃xff0c;起初项目组“并没有把这个事情看的很难&＃xff0c;因为我们的HTML5游戏引擎完全是自主研发的&＃xff0c;而内核采用的是Canvas和Dom混合模式。我们预先设定的方案也是直接在苹果平台上用Xcode进行打包&＃xff0c;把自己的Javascript脚本、美术资源和webview组件封装在一起。经过测试发现本地加载读取是可行的&＃xff0c;于是安装包分分钟就做好了。”但是&＃xff0c;后来经历了多次审核失败、修改和重新提交&＃xff0c;笔者将其概括为几条&＃xff1a;

1. 游戏中出现了内测相关的邮件&＃xff0c;AppStore会以为你对用户不负责&＃xff0c;拿用户来测试你的产品。经验&＃xff1a;不论是游戏内部还是游戏描述&＃xff0c;一定不要出现“内测”相关的东西。\u0026#xD;\n
2. 游戏定价问题。AppStore上网游的内置付费的道具的标价很重要&＃xff0c;单价千万不要超过99美金。“我们的某个道具单价为648元人民币&＃xff0c;完全超过99美金。”&＃xff0c;接下来&＃xff0c;道具一次性售出的总价也不能超过99美金。“我们将道具单价改为68元&＃xff0c;但是我们允许用户一次性购买10份&＃xff0c;那总价就是680元&＃xff0c;结果又毫无压力超出99美金。”所以&＃xff0c;要限制道具购买数量。\u0026#xD;\n
3. 磊友请来了有过审核斗争经验的专家&＃xff0c;提供了建议&＃xff1a;关键字的选择不要涉及版权&＃xff0c;尽量多的把文字写在游戏截图上&＃xff0c;图标设计的需要把握的尺度&＃xff0c;不要贪心一次提交很多版本&＃xff0c;同时也给了第一次接到AppStore审核的拒绝结果后两个小时应该有的反馈。”\u0026#xD;\n
4. AppStore认为“游戏是基于web的游戏&＃xff0c;建议我们提交给流量几乎为零的WebAppStore&＃xff0c;宛如一桶凉水泼下来&＃xff0c;从头到脚&＃xff0c;这基本宣判了我们产品的死刑”。解决办法&＃xff1a;我们又找到了AppStore上有一部分跟我们类似的原生与网页混合打包产品&＃xff0c;分析后得出的结论是&＃xff0c;无论从画面&＃xff0c;还是用户操作&＃xff0c;投入一些细节的设计和修改&＃xff0c;我们是可以把Webapp产品做到原生的体验&＃xff0c;同时也抛弃了之前图快图省事的想法。一方面我们也觉得是否在于之前被打回来的次数过多&＃xff0c;所以苹果加强了对我们这款游戏的审核力度&＃xff0c;导致最后杯具的结局。通过分析出这些原因&＃xff0c;也就详细的拟定了修改的方案&＃xff0c;安排技术人员又重新开始了我们的苹果之旅。这一次我们大大增加了原生代码的数量&＃xff0c;将游戏的登录注册选服加载客服等等界面都用原生代码完成&＃xff0c;适当的增加了动画特效&＃xff0c;进入游戏后&＃xff0c;我们替换了底栏菜单和聊天部分&＃xff0c;同时加入了游戏的背景音乐。新完成的安装包&＃xff0c;基本可以说原生代码和网页脚本比例达到了3:7的程度。最后我们重新注册了苹果账号&＃xff0c;换了个马甲&＃xff0c;继续提交。\u0026#xD;\n

经历了多次修改最终成功之后&＃xff0c;赵霏总结了几条HTML5手游上线iOS的经验&＃xff1a;

• 苹果的审核确实非常尽职尽责&＃xff0c;每一个可能的细节都不会放过。但感觉单机游戏如果只是下载收费要比有内置计费的网游容易通过的多&＃xff0c;所以网游的设计和开发者一定要在计费接口部分多下功夫&＃xff0c;一定要严格遵守苹果的规范。\u0026#xD;\n
• 在提交时候&＃xff0c;不要贪心同时提交iPhone和iPad两个版本&＃xff0c;我们因为《猎魔佣兵》是HTML5技术可以自动适配屏幕分辨率于是全机型打钩提交上去&＃xff0c;结果被苹果打回来的时候告知完全没区别……\u0026#xD;\n
• HTML5的游戏开发应该尽量使用Canvas来渲染画面&＃xff0c;而Dom可以用在菜单和一些文字输入类控件即可。原生代码则主要用来制作框架容器和部分菜单&＃xff0c;并且完成游戏进入前的界面和各种动画特效&＃xff0c;声音声效的播放以及对话框和聊天部分。所有游戏第一次进入用到的图像和声音等资源打包为bundle模式&＃xff0c;全部放在本地&＃xff0c;更多的地图&＃xff0c;副本的图像声音资源可以考虑分阶段下载。最后我们完成的安装包大小为33M&＃xff0c;便于下载安装。一句话&＃xff0c;多加一些Native的代码让你的HTML5游戏产品制作的更加接近原生体验吧&＃xff01;\u0026#xD;\n
• 苹果对于Web App的顾虑可能会在外链\\第三方计费控制等问题吧&＃xff0c;所以我建议这方面还是老实一点&＃xff0c;不耍小聪明&＃xff0c;万一上了线乱搞也有可能会被苹果踢下来。因此我们也会继续踏踏实实的做好游戏产品&＃xff0c;遵守苹果的规范&＃xff0c;认真服务于玩家。\u0026#xD;\n
• 在游戏的打包中我们也可以通过原生代码不但增加了一键登录同时也把第三方统计平台加入进来&＃xff0c;比如友盟、appcpa等等。\u0026#xD;\n

读者可以会有疑问&＃xff1a;既然HTML5打包iOS版本存在诸多问题&＃xff0c;为何不干脆用原生开发呢&＃xff1f;赵霏给出了选用HTML5技术开发手机游戏的理由&＃xff1a;

• 用HTML5开发手机应用和游戏的效率会稍高一些&＃xff0c;成本也会略有降低。这主要体现在各种智能手机终端的移植上&＃xff0c;我们前端都是Javascript工程师&＃xff0c;而打包移植的工作有1个人就可以快速搞定。不需要同时维护若干个团队和若干个版本。\u0026#xD;\n
• 游戏升级版本更新会更方便&＃xff0c;只要不涉及原生代码的改动&＃xff0c;我们都可以在后台安排脚本更新即可&＃xff0c;无需用户再去下载安装覆盖等麻烦&＃xff0c;也减少了因此而带来的用户流失。\u0026#xD;\n
• 用HTML5开发的网页游戏跨平台的能力较强&＃xff0c;可以运行在PC、平板、手机等所有支持HTML5的浏览器内&＃xff0c;这样可以让玩家无论是在电脑还是手机都可以跨平台体验游戏的乐趣&＃xff0c;从后台数据看&＃xff0c;大部分用户是愿意接受在不同的时段使用不同设备、电脑和手机来体验我们的游戏。\u0026#xD;\n
• 手机应用和游戏相对来讲会比较安全&＃xff0c;由于浏览器的限制&＃xff0c;我们是无法读取用户的隐私信息或设置暗扣陷阱。\u0026#xD;\n
• 虽然HTML5页游有以上的好处&＃xff0c;但目前HTML5游戏的市场环境还并不成熟&＃xff0c;很多用户还是比较习惯安装App来玩游戏的习惯&＃xff0c;所以我们也采用同时推安装包和链接两种方式来尽可能的覆盖我们的用户群&＃xff0c;因此Web App的推广方式还是非常灵活的。\u0026#xD;\n

如果想详细了解有关的细节&＃xff0c;读者可以查看这里&＃xff0c;也欢迎大家发表自己的看法&＃xff0c;分享自己的心得。