热血青春的街篮2是怎么产生的?
Unity官方开发者平台,分享前沿技术文章和开发经验,精彩的Unity活动和社区相关信息。
球类游戏在手游市场属于小众类。七麦数据显示,App Store游戏畅销榜Top100只有6个球类游戏,篮球类和足球类各3个。之所以出现这种情况,除了球类运动的受众市场小,还有一个重要原因——球类运动风格单一,操作感和竞技感总是差强人意。
8月19日,成都乐满多科技有限公司的体育手游《街篮2》全平台上线,并于当日登上App Store游戏免费榜体育类榜首。《街篮2》保留了《街篮》手游的精髓,独特的嘻哈风格,超越同类手游的操作感和实时竞技体验,同时对画面和动作的流畅度等细节进行了优化。《街篮2》还创造性地推出了球场的DIY系统,从球场、装饰涂鸦到篮筐、球网、篮板,每一个细节都可以自己定制,为球类运动的可玩性提升找到了新的方向。
今天Unity邀请了《街篮2》的创作团队,从技术层面与我们分享作品的创作细节。
01工作室和P1工作室简介
先给大家介绍一下游戏工作室。
我们工作室的代号是P1。其实梗不多,因为我们是整个Lemando公司第一个游戏工作室。从17的《街篮》发布到20年的《街篮2》发布,整个工作室在留住核心开发者的基础上,一直在扩充和打磨团队。整个工作室的定位非常清晰。我们会长期深耕竞技体育游戏这个细分品类。随着持续项目开发经验的积累和对体育专业方向的热爱,我们会继续让工作室产出更多高质量的作品。
02.UI颜色的匹配
《街篮2》的整体画面风格给人一种热血青春的气息。能否介绍一下游戏设计中UI颜色的配色是如何搭配整个游戏风格的?
《街篮2》是在《街篮》基础上的升华。作为《街篮》的续作,有几个非常重要的元素是这款游戏的宗旨:街头、热血、青春、不羁、时尚、运动。所以无论是角色设计还是UI都一直秉承这个宗旨,并以此为主线。
考虑到现在游戏和年轻人审美的升级,在基于流行扁平化风格的融合设计中,首先要考虑的就是造型的设计,比如一些UI的裁剪,必然要打破传统的扁平化风格,那么如何从裁剪上增强运动感(同时强烈的色彩对比起到分割和引导的作用)。
第二,动态背景和合适的UI特效。我们在玩家签约和登录界面中使用了大量的动态视频背景效果作为支撑。一方面强调并带动游戏运动、开放、不羁的街头篮球主题,同时改变画面节奏带动玩家的激情情绪(伴随音乐);为了让画面不单调,我们还在纯色背景后面加入了动态粒子扰动,让玩家细看就能看到细节。
03、百变装
游戏中人物的着装已经成为游戏中不可或缺的一部分。能否介绍一下《街篮2》如何实现Unity中人物的穿衣?
因为《街篮2》的角色很多,每个角色性格和身材都不一样,最重要的是要分的部分太多。当我们得到模型需求时,这是一件令人头疼的事情。首先,我们要解决的问题是身体和宇航服的再利用。如何在单个零件上区分皮和肉?如何最大限度的节约资源?起初,我想使用纹理控制,但我不得不面对一个问题。如果用了纹理控制,我还得把自己的身体归纳成各个部分,这是对UV的极大浪费,之前讨论的方法又回到了原点。而且每个部分的资源量都多增加了一个纹理,看得我头都胀了。
经过多次游戏制作思路的比较,模型最终决定使用多组UV和复合材料球。但它不同于传统的应用方式。模型决定使用顶点区分的方法来区分身体和部分。
区分多种体型,采用多套标准模具,解决大部分体型的需求。
引入肤色的概念,解决肤色模型及其特殊体型和其他体型的问题。
通过焊接顶点法线来解决零件的外露接头。
最后,通过匹配文件,解决不同组件的互穿,可以在游戏中看到效果。
04,华丽的街球动作
变向是篮球运动中最华丽的动作之一,这个动作也在《街篮2》中完美实现。能告诉我们游戏实际开发中人物动作的产生和真实人物的动作有什么关联吗?
传球是篮球中最酷的技术之一。篮球的这个招牌动作很有美感和代表性,由此延伸出来的技巧操作也很有触觉。
生产初期你需要知道的:
1)一般来说,规则的适应性不同,技巧也不同,动作设计和制作也有不同的技巧;
2)最基本的逻辑规则需要明确;
3)然后我们需要知道动画播放的机制;哪些动画使用了过渡衔接?需要融合什么?
4)在行动表现和计划要求方面,是否对客户表现或规则做出让步?
5)最后落实到动作风格的认知上。
05、人物塑造技巧
能否简单分享一下《街篮2》中花扣桥百合的模型和贴图过程?
首先,乔木百合这个角色的设计理念是运动,活泼可爱,火辣;对于这些关键词,我们在原画上做了设置:
在定了几个方案之后(其实我们在确定这个方案的时候做了几个版本的设计),最终确定了这个设计,考虑到上面的设计元素,然后做了一个模型。
第二步是制作中间模具:
第三步按照我们的中模完成后,再进行下一步的高模雕。
然后导出法线贴图。
第四步:在PS软件等工具中进行贴图绘制和材质设置调整。
第五步,导入Unity详细设置素材参数(不过我们TA哥花了不少精力优化生成Unity可以直接读取的参数素材球)。
06.细节让整体更抢眼。
街篮中人物酷炫的时尚搭配是游戏一道亮丽的风景线。能告诉我们维蒂尼的着装和发摆是如何在Unity中实现的吗?
街篮2中衣服和发饰的摆动是基于资产商店中的DynamicBone插件。根据根骨带动尾骨的原理,实现动画中最基本的跟随运动。DynamicBone是一个简单的物理模拟插件,基于模拟弹簧振子的算法来实现树状柔体。虽然它是基于模拟弹簧振子运动的算法实现的,但动圈节点之间的距离实际上不会改变。与弹簧相比,父子节点间的相对运动更接近简谐运动中的单摆。通过设置碰撞球体来控制骨骼摆动的范围,使得丝带不容易被插入。从而模拟相对真实的物理碰撞效果。
07.体育场应该足够凉爽。
街篮2有很多优秀的课程。能否介绍一下黄金海岸的场景设置过程?
黄金海岸体育场的设计主题是一个活泼多彩的海边场景。首先需要突出鲜艳的色彩,同时需要隐约看到大海,给人发散想象的空间(沙滩上的热带元素肯定是必须的)。
第一步:画原画当然我们也画了很多版本(甚至为了透视的准确性,我们用3D白模构造构图)。
第二步:根据原画分别制作3D模型,在3D软件中搭建场景结构。主要目的是从立体构图的基本概念来判断场景是否好看,并尝试匹配高度和体积。
结构调整完成。
第三步:地图绘制和细化。
在这个过程中,需要花费大量的时间来优化地图的颜色、大小、色彩饱和度等等。
第四步:放入Unity引擎,用光烘烤。
试试各种灯光的亮度和范围,烘托海边球场的气氛。(然后设置上挡,就可以在游戏中使用了)。