热血与青春同在的《街篮2》是如何炼成的?

作者:Unity官方平台 2020-09-28
球类游戏在手游市场中属于小众品类,七麦数据显示,App Store游戏畅销榜Top100中,仅6款球类手游,篮球、足球品类各占3款。造成如此局面的原因,除了有球类手游的受众市场本身就小之外,还有一个重要原因——球类游戏的风格单一,且操作感、竞技感总是不尽如人意。

8月19日,成都乐曼多科技有限公司的体育竞技类手游《街篮2》全平台首发,并于当日就登顶了App Store游戏免费榜体育类榜首。《街篮2》保留了《街篮》手游的精髓,独树一帜的嘻哈风、超越同类手游的操作感和实时竞技体验,同时在画面、动作的流畅度等细节进行了优化。《街篮2》还创造性地推出了球场DIY系统,大到球场场地、装饰涂鸦,小到篮筐,篮网,篮板等,每个细节都能自己定制,为提高球类游戏可玩性找到了新方向。



今天,Unity邀请到《街篮2》的创作团队,让他们从技术层面与我们分享该作的创作细节。

01、P1 工作室简介

先给大家介绍下游戏工作室吧。

我们工作室代号是P1,其实没有太多的梗,因为我们是整个乐曼多公司的第一个游戏工作室。从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》的服饰与发饰摆动都是基于Asset Store中的动态骨骼插件DynamicBone来实现的,根据根骨骼带动尾骨骼的原理从而实现动画中最基本的跟随运动,DynamicBone是一个简单的基于模拟弹簧振子的算法实现树状柔体的物理模拟插件。虽然基于模拟弹簧振子运动的算法实现,但是DynamicBone各节点之间的距离实际上不会发生变化, 比起弹簧,父子节点之间的相对运动更接近简谐运动中的单摆。通过来设置碰撞球体来控制骨骼摇摆的范围.让飘带不易穿插。从而来模拟 相对真实的物理碰撞效果。


07、球场也要够酷炫

在《街篮2》中有许多优秀的球场,可以跟大家介绍下在黄金海岸场景的搭建的流程吗?


黄金海岸的球场的设计主题是一个热闹、色彩鲜明海滨之边的一个场景,首先需要突出的色彩鲜明,同时需要依稀能看到大海,给人一个想象发散的空间(海边热带元素肯定是必然需要的)。

第一步:原画绘制,当然我们也绘制了很多版本(甚至为了透视的准确性,还用到了3D白模搭建来构图)。



第二步:根据原画进行3D模型分个的制作,并在3D软件里进行场景结构搭建,主要目的是从立体构成基本概念出发,尝试搭配的高度和体积大小来判断场景是否好看。


结构调整完毕。

第三步:贴图绘制和细化。


在这个过程中需要大量的时间去优化贴图的色彩、大小、以及色彩饱和度等等。

第四步:放入Unity引擎,并灯光烘培。


尝试各种灯光亮度、范围的大小来烘托海边球场的气氛。(然后设置上阻挡就可以用到游戏里面了)。



最新评论
暂无评论
参与评论

商务合作 查看更多

编辑推荐 查看更多