主页(http://www.zhonghuagame.com):如何快速简单的设计一款AR小游戏?
2019年春节,百度AR团队策划了一款砸金猪积福气的AR小游戏,助力百度地图“回家有图,一路是福”运营活动。项目历时两个月,从内容创意到设计开发,交互、视觉、模型、动画多个设计师高度配合,在春节来临前,为百度地图的用户带来了不一样的新奇游戏体验。
当然在设计制作过程中也遇到了很多问题和困难,百度AIG用户体验部-AR UE团队对这次项目进行了总结和梳理,将设计过程中的经验和问题总结下来,希望能为大家带来一些帮助和启发。
Step1 / 背景&分析
春节作为全年最重要的假日节点,百度地图希望在活动中融入AR技术,通过小游戏吸引用户关注、增加互动量,同时展现出百度的AI能力。
我们参考往年地图DAU数据,根据用户使用行为提炼出三个阶段:第一阶段是用户已经有归家意图,即已经设定明确目的地;第二阶段为旅途中;第三阶段为已经到达目的地,完成团聚。
同时为了满足活动送用户归家红包的诉求,我们提取出猪年、旅途、路线规划、红包等关键词,进行游戏内容搭建。
Step2 / 游戏内容创意
在主要关键词确认之后,我们展开讨论与发散,首先是猪年关键词:结合地图春节期间派发归家奖金的活动计划,将猪年与奖金这两个关键词相结合,想到了砸猪型存钱罐的概念。
融入路线、旅途、终点等关键词,最终决定的玩法是将游戏场景放置在真实环境中,福猪在场景中沿着规划路线向终点前进,途中用户砸到福猪可以获得归家红包。
在方案创意阶段AR设计师会同步与开发同学沟通可实现方案,考虑角色和地形在AR环境中的真实效果。
在开始场景设计前,会将实物模拟放置在实景中,考虑高度、大小、位置等虚拟坐标与真实坐标的对应关系,确定可实现方案展开地形设计。
Step3/设计流程与执行
1.设计流程
本次项目周期较为紧张,游戏方案确定后多步并举:交互和视觉设计同步启动,并与开发同学验证AR环境中的可实现方案;模型、动画设计根据视觉进展第一时间开展工作,验证AR引擎能力,提前解决问题。
2.设计执行
1-1)角色设定
最终的福猪外形选定了一只站立的猪,没有用猪型存钱罐的原因是我们想让猪在猪年站起来,飞奔着向前跑,并将存钱罐里钱币的概念转变成猪猪背着的福袋,这样可塑性比较强, 背上福袋的猪猪体积上增大后在AR场景中也更醒目一些。
基础形象确定之后就可以根据角色的自身性格和功能进行多个角色的细节设计了,考虑到在游戏和AR环境中角色的可识别性和视觉效果,根据反馈调整最优视觉效果。
滑动查看→
1-2)角色建模
形象确立之后,就开始进行模型的制作。在AR项目中,建模的流程是区别于传统建模流程的。首先第一步模型创建,模型师要先用基本的几何形态进行创建,符合AR的面数控制,在简模通过技术的性能测试后,再根据视觉要求进行细化。后面的步骤中也是,模型师每做一步都需要对当前的效果进行测试,模型效果在引擎中的不确定性非常高,需要随时结合真实场景进行修改测试。
回到模型创建,模型师拿到原画设定后对整体效果进行梳理,从三个方向对模型进行创建。原画给出了X轴方向的整体视觉效果,Y轴方向决定身高比例,Z轴方向决定身材比例和动画的活动范围。
模型师从最简单的多边形模型一步步验证引擎效果进行细化的过程,建模得到验证后,会逐渐增加细节,并开始其他角色的模型制作。
在用建模测试过引擎的性能后,对模型进行逐一的细节优化,并进行贴图的绘制 。
最终渲染效果
列举两个模型阶段的常见的问题:一个是引擎渲染效果与三维渲染不一致,一个是pod格式的问题,都是引擎没办法100%还原模型效果的问题。
这时候需要设计师在有限的引擎能力下找到平衡的点,最大程度对齐效果,如果效果我们实在没办法接受,还会推动进行技术上的更新,达到更好的效果。
2-1)场景设定
场景在视觉设计的阶段就会将金猪行进的路线进行详细规划,与rd沟通场景放置在真实空间中的实现方案,对整个场景在真实空间中的效果有一个基本的预期,做到心中有数。
场景的各个细节都需要详细说明,场景建模和技术都会根据这些细节的点进行在三维和真实空间中的坐标系设定。
2-2)场景建模
场景的建模工作流程基本与角色建模的流程相似,也是先出建模、验证技术能力,确认能力后再进行细化。
最终场景的局部图 & 整体效果图