关卡设计干货分享：关卡中打击感效果的实现

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

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

叮咚！

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

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

「阿尼！ 好久不见呀，是什麽事情呢？」

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

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

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

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

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

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

「有游戏画面吗？」

「喔喔喔！ 有阿有阿！！」


这是什麽鬼啊！！！

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

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

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

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

「喔喔！ 有喔！ 在这裡」


........

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

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

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

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

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

「喔喔！ 真的吗？ 说来听听！！」

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

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

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

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

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

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

过了几个小时...

「菠菜 --- 菠菜，我改好了！！」


「喔喔！ 挺好的！！」

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

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

「律动？ 有啊！ 小龟在动啊！」

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

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

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


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

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

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

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


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

「呜... 菠菜... 我了解了！，再等我一下喔！」

过了一段时间

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


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

「有啊！ 你拉上去看，我有做啊！ 」

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


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

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

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

隔天...

「菠菜，你看这样可以吗？」

「喔喔！ 绿色球怪好了？」

「这是巴哈姆特！！！」

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


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

「哈哈，请叫我天才！」

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

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

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


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

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

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

又过了一段时间....

「好了！！ 菠菜你看这样的巴哈姆特，OK 吗？」


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

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

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

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

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

过了几天...

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

「怎麽了呢？」

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

「特效？ 什麽特效啊？」

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

「那你做的效果是？」


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

「欸？！ 你怎麽知道？！」

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

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


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

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

「好，我试试看」

过了一些时间....

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


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

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

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

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

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

以《星之卡比》来举例：


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

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

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

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

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

过了几天....

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

「喔喔！ 真的吗？ 快给我看看！」

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


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

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

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

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

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

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

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

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

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

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


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

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

相关阅读：综合帖：多角度闲聊游戏打击感（持续整理）

via：GNN GAD