找回密码
 立即注册
查看: 29023|回复: 98

[学术/精华文章] 干货!如何做出游戏打击感!!!

  [复制链接]
发表于 2016-1-12 17:23 | 显示全部楼层 |阅读模式



  文/羽入

  一篇来自GNN的干货文章,用最浅显易懂的方式,告诉你游戏是如何一步步做出玩家所期望的“打击感”的效果。

  如果GIF显示不正常请切换一下浏览器的模式

  叮咚!

  LINE 传来了一封讯息,是许久不见的阿尼,阿尼毕业后去游戏公司上班,从此埋头在事业中,距离他上一次敲我,已经是入伍前的事了

  「菠菜安安~ 想问你一个专业的问题」

  「阿尼! 好久不见呀,是什麽事情呢?」

  「是这样的... 游戏的『打击感』究竟是什麽东东呢?」

  这问题引起我很大的兴趣,打击感是个不太好探讨的题材,这名词裡有「感」这个字,就意味著打击感牵涉到每个人的主观想法,很难一言蔽之。

  同样一款游戏,有些人可能会觉得这款打击感很好,但又可能会有一部分的人觉得打击感很差,如何用相对科学的方法,做出让人赏心悦目的打击,一直是很多设计师,想探究的题目。

  基于好奇心我细问了阿尼,才知道原来他们公司的老板,想做一款横向的 2D 动作游戏,结果他的 Demo 不断被打枪(编者注:case被老板枪毙的意思),但他不知道该怎麽解决这件事。

  「你们老板,希望你们做出一款有手感的游戏?」

  「对阿对啊!但是我做出来的东西,他好像不太喜欢」

  「有游戏画面吗?」

  「喔喔喔! 有阿有阿!!」



  这是什麽鬼啊!!!

  「这是我们游戏的主角,叫做小龟,是一隻乌龟人。他的家乡被邪恶香菇入侵,所以他为了救回他的火柴老母,决定支身一人前往魔龙帝国,但在那之前,他要先找到四个瓶盖...(略一千字)」

  「好好好!! 我知道! 啊!!!! 这画面看起来非常极简呢,很符合现在平面化设计的趋势!!」

  「对耶!! 我老板也这样说!!」

  「那阿尼,有关于打击过程的画面吗? 我想大概了解一下,打击感的状况」

  「喔喔! 有喔! 在这裡」



  ........

  「你看,这明明就做得很屌,我不明白为什麽老板会打我枪!!」

  「嗯嗯嗯,如果玩家可以玩到这样的游戏,一定会很开心! 完全与现在市场主流的游戏区隔啊」

  我实在不忍对一个没有女朋友的游戏从业员说真话........

  「是啊,果然还是菠菜懂我」

  「不过以打击感这边来说,其实尝试修改一些地方,表现会更好」

  「喔喔! 真的吗? 说来听听!!」

  打击感,简而言之就是游戏角色的任何一个肢体或持有物,进行动作后碰到敌方所触发的连续状态,好比拿大剑砍杀敌人,用拳头打敌人,或是子弹打到敌人... 等等。

  「首先,你要不要先把出招的动作做得再精细一点」

  「因为有点像是挥手吗?」

  一般来说,任何战斗的姿态都有预备状态,就好比武打片中,都会有个蹲马步的动作一样,出拳的时候,手臂会向后,接著再往前送出,这部分也是「预备」,整个一连贯的动作形成「出招」。

  「阿尼,现在的小龟不像是出招,比较像是拍脸,而且还没拍到」

  「好吧,那我把动作调整一下...」

  过了几个小时...

  「菠菜 --- 菠菜,我改好了!!」



  「喔喔! 挺好的!!」

  「当然,这是我参考剩骑士之颤的动作做出来的!」

  「小龟肢体的关键格之间,还缺少一个律动」

  「律动? 有啊! 小龟在动啊!」

  「我不是说这个律动啦! 我是说,动作太平顺了」

  一段动作,很多时候会拆分成很多段落的细节,就好比动画的分镜,而分镜之间会有所谓的补间,把整个动作串接起来,补间的过程会有些速度加减的效果,透过简单的加减速度,可以增加动作的丰富程度。

  同样一颗球的弹动,使用不同的速度效果,就会有很大的变化。



  「当然球的动作,还包含了关于拉伸、压缩之类的动画原则」

  「动画原则???! 菠菜你说这些我听不懂啦!」

  「好吧,毕竟我们是在讨论打击感,不是在讨论动画」

  以小龟的这个例子来说,虽然阿尼有做出小龟往后的动作,这个预备姿态也的确有做了出来,但实际上我们人体在进行任何一个动作的时候,每个点的节奏之间,并不是固定的速率。以出拳这个动作来看,一开始一定会很快,接著在快完成这个出拳的动作的时候,因为肌肉完全伸展,而减缓速度,会好像有一个停顿的「点」,这样的一个细节,才是符合我们所习惯的格斗动作。



  这张引用自 KNCKT 拳击网站的图片,仔细看拳师最后一次出拳,事实上我们只看得到屈手跟手伸直这两个动作,中间的过程很快,快得模糊成一堆直线了。倘若所有的动作之间都是固定的速率,出招就不会生动。

  「呜... 菠菜... 我了解了!,再等我一下喔!」

  过了一段时间

  「菠菜,我按照你说的改好了!! 你看是不是这样!!」



  「对,差不多了!然后我们现在来调整一下那个绿色球怪,还需要一些回馈的变化...」

  「有啊! 你拉上去看,我有做啊! 」

  敌人的回馈不是晃动而已,还必须加入更多的反应,以《刺客联盟》这部电影举例,下面是饰演主管的克里斯·普瑞特,被男主角詹姆斯·麦艾维用键盘打脸的经典画面:



  夸张的表现让画面前的观众印象深刻,即便没有多馀的光影效果,但一看到克里斯嘴角吐血牵丝,搭配放空的眼神,这个画面疼痛感十足!因此在游戏中,被击打的对象元件,越是能做到让玩家感觉「哇,他这个样子应该很痛吧!」,越可以感受到攻击的震摄。

  「现在的绿球怪,感觉有点舒服」

  「那我马上改,明天给你看~」

  隔天...

  「菠菜,你看这样可以吗?」

  「喔喔! 绿色球怪好了?」

  「这是巴哈姆特!!!」

  「好... 巴哈姆特....」



  「改得还不错! 感觉很痛」

  「哈哈,请叫我天才!」

  「只是... 巴哈姆特反应有点慢,是末梢神经失调吗?」

  「你才末梢神经失调!!你们全家都末梢神经失调!QQ 」

  物件被攻击的当下,物件就会有所反应,不会等到整个进程结束才会回馈。物件的反应会顺著角色攻击的态势变化,好比拳击手被打脸的过程,整个头部会是顺著同样的方向而进行。



  但在一般的游戏过程裡,受限于游戏表现的关系,未必能做得完全,毕竟现今的游戏技术,除了一些高阶的格斗游戏之外,大部分尚未「普及」做到打脸、打肩膀、打小鸟,都能有相对应部位的受伤姿态。

  因此,尽量做到『全面』的受伤表现,让角色不管从哪裡被攻击,只要调整图像的方向,就可以让玩家感觉到合理,能做到这个样子,就及格了。

  「原来如此!! 有道理!! 那我再调整一下好了」

  又过了一段时间....

  「好了!! 菠菜你看这样的巴哈姆特,OK 吗?」



  「哇! 喔!! 好很多耶!! 我很喜欢你巴哈姆特被打之后,有个荡回来的细节」

  被攻击的物件,大多会有顺著攻击轨迹的错位,当然如果物件很庞大,好比对象是一隻巨大的大巨人,因为质量相差悬殊的关系,就不会有错位的现象。

  这时候就要用其他方法,强化「小质量物件打到大质量物件」的表现,但以阿尼的这个例子来说,被攻击者本身的位移会更符合实际情况。

  「哼哼!! 那我可以跟老板交差了!!」

  「好喔! 等你的好消息!!」

  过了几天...

  「菠菜!!! 我被老板念了啦!! 呜呜....」

  「怎麽了呢?」

  「我帮战斗加入一点特效,结果被打枪了」

  「特效? 什麽特效啊?」

  「就,一般游戏不是都有损血的数字效果吗?」

  「那你做的效果是?」



  「你是不是用新细明体啊?」

  「欸?! 你怎麽知道?!」

  界面设计的兵家大忌,就是採用了不恰当的设计文字,以文字效果来说,粗一点的圆体或黑体,会更适合放在节奏较快的游戏中,因为在快速的进程裡,圆体和黑体的辨别度,会比明体更好。

  例如《魔界战记 5》的画面:



  浮现出来的黑体字效果就很清晰,有质感的动态特效,可以让整个攻击的效果加分,尤其《魔界战记》号称可以打到上亿数字,因此在战斗过程中,如何清晰表现大数字的效果,相信制製作团队一定下了很多心思。

  「我觉得你可以试著让数字跳出来再带感一点」

  「好,我试试看」

  过了一些时间....

  「菠菜我改好了! 这次把数字的效果做了修正!」



  「虽然精致程度还可以加强,但整体看起来好了很多!」

  「欸...那还可以加些什麽东西,让战斗的效果更好啊? 我很怕又被打枪...」

  「你现在做的东西,都算是基本的,就像创作料理,目前只是把菜做出来,还没摆盘呢!!」

  「真的假的! 还可以让打击感做得更优?」

  摆盘的关键,就是环境了,打击这个过程不只是物件与物件之间的碰撞,还包含了物件的情境氛围,这些效果可以让这个极度简短的过程,得到更好的视觉体验

  以《星之卡比》来举例:



  光是这短短的五秒gif里面,就出现了许多巧妙的细节,第一个是画面的上下震动,这个震动虽然不起眼,甚至很容易被忽略,却是影响最大的地方之一,儘管玩家这时候眼睛是盯著卡比,但整个画面的震动,暗示了这小小的卡比,操纵整个环境的连结。

  第二个是卡比跳跃后,接触地面时的光线特效,这特效顶多 0.3 秒,却大大丰富了整个动作,包含卡比撞方块的过程也是一样,方块爆炸的效果范围甚至比卡比本身大上 2 倍

  最后是卡比吐出的火焰接触到敌人身体时的效果,还有敌人从上面掉下来碰到地板死亡后的星星,都可以让玩家感觉到画面的层次,这些小地方或许微不足道,但放在一起时,就可以深刻了解任天堂在游玩体验上所耗费的苦心。

  「这些不是源自于角色主体的细节们,都是提升打击感的另一个关键」

  「好吧~ 那我再加上一些元素看看」

  过了几天....

  「菠菜!! 我终于完成了!! 最强的打击感之作了」

  「喔喔! 真的吗? 快给我看看!」

  其实阿尼也算是蛮有天赋的,一路修正下来,效果越来越好。



  「多了很多细节呢! 打击感比最早的样子好上很多!」

  「耶!! 希望这次可以过老板那关!」

  「一定可以的,期待小龟上市的那天,祝你好运」

  以上就是我胡诌(?)的一段轶事,希望大家可以从菠菜和阿尼的对谈中,掌握几个营造打击感的方法。

  这次文章提到一些重点,第一个是打击感与角色自身动作的关系。在玩动作游戏的时候,我们常常眼睛盯著被攻击的那方,很少专注在角色身上,进而以为打击感要做到优越,就必须在被攻击方的身上下重手。

  事实上,敌方身上表现出什麽样的受伤反应,只是整个打击感营造的一环而已,攻击方本身的动作越是做到顺畅,不拖泥带水,越能表现优异的手感。

  第二个是敌方受伤的效果营造,好的受伤表现,要能让玩家感觉到「痛痛de」,倘若玩家在杀死敌人的过程中,没有任何丁点为敌方「伤感」的情绪,那就是标准的「挥空气」了。最好、最棒的动作游戏,就是要让玩家越打越觉得罪恶感,觉得今天应该要吃素或者打电话给妈妈。

  第三个是文字的效果,近来手机游戏当道,鉴于手机游戏本身属性的关系,部分具体数值的资讯,会主动呈现在小小的萤幕上。这时如果可以精心安排文字的设计、位置与效果,在弹出数字的过程多加著墨,一定可以让整个体验更完善。

  你可以想像,当你在游戏中使出「真 - 破龙灭风爆裂斩 S」,一阵超炫抱的特效之后,最后看到新细明体用一个弱不经风的节奏缓缓跳出来... 你能接受吗?

  第四个是环境的效果,这是另一个最常被忽略的地方,一小陀灰尘扬起,几个小小的线条,一些火花跟星星甚至是画面的晃动,都能让整个过招的层次更加丰富。



  上面四点是在本次打击感的探讨裡,最需要注意的几个项目,但游戏的创造充满无限可能,相信内文还是有许多遗漏的地方,好比「音效」就是本文没有深入的方向,转述我朋友的话,「明明看上去是挥著重拳打在敌方身上,却出现了匡噹的清脆碰撞声,这是打到什麽鬼...」,像这类违背预判立场的效果,也非常容易降低打击感。

  文章的最后,希望藉著这篇文章抛砖引玉,期待未来有更多对于「打击感」的看法,以弥补本文缺失掉的地方,如果大家还有更多的打击感的想法,请务必在下留言讨论,一起共同进步哦~

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×

评分

参与人数 1鲜花 +2 收起 理由
s1773286960 + 2 很给力!

查看全部评分

发表于 2016-2-5 01:20 | 显示全部楼层
挺不错的  解释的很清晰 666
发表于 2016-2-25 10:08 | 显示全部楼层
说白就是真实度
发表于 2016-2-28 10:24 | 显示全部楼层
说的很细致
发表于 2016-5-4 16:52 | 显示全部楼层

不错 不错 不错
发表于 2016-7-7 10:50 | 显示全部楼层

不错 不错 不错
发表于 2016-7-7 18:37 | 显示全部楼层
rtttttttttttttttttttttttttttttttttttttttttttttt
发表于 2016-7-11 10:35 | 显示全部楼层

感谢楼主的无私分享!
发表于 2016-7-14 09:50 | 显示全部楼层

不错 不错 不错
发表于 2016-7-17 15:22 | 显示全部楼层
6666666666666666666666
好 好 好
懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Unity开发者联盟 ( 粤ICP备20003399号 )

GMT+8, 2024-12-21 21:17 , Processed in 0.080737 second(s), 26 queries .

Powered by Discuz! X3.5 Licensed

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表