二、Camera

在我入行之前，camera是我很難理解的一個(gè)概念，很難理解是怎么工作的，現(xiàn)在其實(shí)也沒(méi)玩明白，個(gè)人感覺(jué)這也是目前國(guó)內(nèi)游戲行業(yè)和一線(xiàn)廠商差距最大的地方，震屏拆解雖然很抽象，但努把力大家也能做一下，可是更精致的鏡頭運(yùn)用需要大量的影視化知識(shí)，學(xué)海無(wú)涯了屬于是。

在FPS游戲中，camera包含鏡頭本身和HUD兩大部分，鏡頭常用到的功能大概會(huì)有三類(lèi)，鏡頭控制（偏移、旋轉(zhuǎn)、俯仰、推拉、縮放）、交互鏡頭/運(yùn)鏡演出和后處理（景深、鏡頭特效等），HUD我們?cè)谶@里只聊和打擊感有關(guān)的部分。

1. 鏡頭

1.1 鏡頭控制

1.1.1 偏移、旋轉(zhuǎn)與俯仰

爆炸震屏

Camera偏移、旋轉(zhuǎn)、俯仰

無(wú)論看起來(lái)多復(fù)雜的屏幕震動(dòng)，小到槍械檢視時(shí)從上到下看槍?zhuān)蟮秸◤椩谏磉叡ǎ际怯社R頭X/Y/Z軸的偏移/旋轉(zhuǎn)曲線(xiàn)構(gòu)成的，但每條曲線(xiàn)變化的頻次、振幅、衰減、剛性、是否疊加隨機(jī)噪波等，疊加出來(lái)的結(jié)果會(huì)千差萬(wàn)別。

還會(huì)遇到兩個(gè)問(wèn)題：

• 關(guān)鍵幀/小數(shù)幀對(duì)不齊：復(fù)刻某些端游表現(xiàn)的時(shí)候會(huì)出現(xiàn)，端游使用60幀動(dòng)畫(huà)，而自己的編輯器只有30幀，部分關(guān)鍵幀丟失導(dǎo)致效果不好
• 引擎/編輯器曲線(xiàn)導(dǎo)入問(wèn)題：3DMAX調(diào)試完畢進(jìn)編輯器變成曲線(xiàn)，關(guān)鍵幀之間插值變化不可控或其他原因?qū)е逻€原程度低，總覺(jué)得只是形似而神韻不在

設(shè)計(jì)上不直觀+參數(shù)多+工具易用性問(wèn)題，導(dǎo)致震屏曲線(xiàn)是一個(gè)很難調(diào)好的技術(shù)活，salute to 所有3D動(dòng)作兄弟。

開(kāi)火震屏

鏡頭控制上需要注意的是，部分動(dòng)作的鏡頭動(dòng)畫(huà)是不能疊加偏移和俯仰的，例如開(kāi)火動(dòng)畫(huà)，因?yàn)樽訌検菑溺R頭中心射出，為了避免對(duì)子彈的彈道產(chǎn)生影響，開(kāi)火的鏡頭動(dòng)畫(huà)只能做XY軸平面的旋轉(zhuǎn)。

1.1.2 推拉與縮放

武器舉鏡的場(chǎng)景FOV變化

CODM持槍FOV0&100對(duì)比

FPS游戲中會(huì)將場(chǎng)景FOV和武器FOV相分離，避免某些情況下調(diào)整FOV影響武器表現(xiàn)的問(wèn)題。

縮放也是通過(guò)調(diào)整FOV來(lái)實(shí)現(xiàn)的，通過(guò)調(diào)整場(chǎng)景FOV模擬出不同倍鏡的放大效果，圖示為舉鏡情況下場(chǎng)景FOV的變化和設(shè)置中手動(dòng)調(diào)整武器FOV的變化。

鎖HFOV的和平精英

FOV還涉及到一個(gè)不同設(shè)備（手機(jī)/pad）的鏡頭顯示范圍規(guī)范，需要決定采用HFOV或是VFOV，個(gè)人建議是：

• 鎖定VFOV：保證不同設(shè)備上下視界一致，適用于存在大量高低差作戰(zhàn)的游戲，避免由于屏幕比例不同獲取更多高低差信息導(dǎo)致不平衡
• 鎖定HFOV：保證不同設(shè)備左右視界一致，適用于偏地面作戰(zhàn)高低差有限的游戲，方形屏幕的可見(jiàn)區(qū)域會(huì)更多，但相對(duì)畸變更嚴(yán)重

也有更暴力的法子，有些游戲?yàn)榱讼拗破桨宓膹?qiáng)度，同F(xiàn)OV的情況下會(huì)縮小平板的視野，這個(gè)看項(xiàng)目組需要。

跳躍過(guò)程的彈簧鏡頭變化

至于推拉，F(xiàn)PS游戲中，常規(guī)鏡頭沒(méi)辦法加搖臂，畢竟鏡頭模擬的是本人的視野，但有一些特殊情況下會(huì)切換，例如命運(yùn)2當(dāng)中的翻滾，不過(guò)這個(gè)不涉及鏡頭控制，更像是運(yùn)鏡演出了，后面會(huì)提到。

圖示中的鏡頭搖臂的推拉效果，鏡頭拉遠(yuǎn)再到拉近，能使整體的位移更加生動(dòng)。

如果要做的更極致一些，還可以疊加FOV的變化，例如warframe的速度越快FOV越大的設(shè)計(jì)。

warframe的FOV與速度掛鉤

1.2 交互鏡頭/運(yùn)鏡演出

純粹的運(yùn)鏡演出往往是做沉浸感和場(chǎng)景敘事需要，舉個(gè)例子：

大家最喜歡的上泰坦

還有許多經(jīng)典鏡頭，例如荒野之息開(kāi)塔，圣歌上戰(zhàn)甲之類(lèi)的，玩家按下按鈕之后播放一段流暢的運(yùn)鏡演出（1P或者3P），能夠大幅增加游戲過(guò)程中的沉浸感，這類(lèi)鏡頭做的時(shí)候注意記錄camera的狀態(tài)，計(jì)算好淡入淡出時(shí)間，做好插值即可，但播放的演出鏡頭需要下大功夫。

為了強(qiáng)化打擊感的運(yùn)鏡演出，比較成功的例子是命運(yùn)2處決和翻滾、COD系列的處決。

命運(yùn)2處決

雙腳懸空的處決

順便提一下，類(lèi)似于處決、翻滾或是一些帶位移的切換3P鏡頭的技能表演，需要考慮的除了相機(jī)位置朝向/狀態(tài)，淡入/淡出時(shí)間、表演鏡頭本身以外，還需要額外考慮位移因素、施放過(guò)程中的打斷條件、傷害上報(bào)等等邊際條件。

以COD的處決為例：

• 處決的觸發(fā)條件：玩家與敵方目標(biāo)的位置判定，距離閾值/高度差閾值，敵方目標(biāo)身后距離的限制
• 處決過(guò)程中人物會(huì)涉及到強(qiáng)制位移，位移的極限距離/插值時(shí)間，狀態(tài)的校驗(yàn)何時(shí)進(jìn)行
• 處決過(guò)程中受到傷害/震撼等是否打斷處決
• 處決過(guò)程中何時(shí)上報(bào)傷害完成擊殺

游戲交互中的鏡頭機(jī)制：這些特殊鏡頭技巧與運(yùn)鏡方式，你了解嗎？

mp.weixin.qq.com/s/0QMuHjZgQot6dp6ZqzhTzA

如果對(duì)交互鏡頭和運(yùn)鏡感興趣，還可以看看這篇文章，還列舉了一些其他的應(yīng)用場(chǎng)景。

1.3 鏡頭處理

1.3.1 鏡頭遮罩

鏡頭遮罩是相對(duì)常見(jiàn)的類(lèi)型，往往配合震屏一同出現(xiàn)，手雷爆炸、受擊、技能釋放之類(lèi)的場(chǎng)景，能夠清晰構(gòu)造打擊感和臨場(chǎng)感，COD低血量的黑屏、WZ被打碎裝甲的碎甲提示、APEX動(dòng)力小子的針等等，很好用，但是很多時(shí)候提需求的時(shí)候會(huì)忘掉=。=。

戰(zhàn)地5瀕死鏡頭遮罩

1.3.2 鏡頭后處理

Post-processing是一個(gè)很強(qiáng)大的功能集合，這里只舉幾個(gè)和打擊感相關(guān)的實(shí)用范例。

射擊游戲通常會(huì)在玩家觸發(fā)某種狀態(tài)時(shí)，使用后處理來(lái)增強(qiáng)技能/狀態(tài)的表現(xiàn)，例如英雄的技能，或是使用夜視儀和其他道具。使用后處理的同時(shí)往往會(huì)對(duì)角色進(jìn)行一定的強(qiáng)化，例如移速加成、射速變化之類(lèi)的，清晰告知玩家“你變強(qiáng)了”。

目前國(guó)內(nèi)的游戲用的還不多，大家都還在用后處理來(lái)表現(xiàn)功能差異，沒(méi)做打擊感相關(guān)的強(qiáng)化，也許是個(gè)突破口。

APEX惡靈/動(dòng)力小子/尋血獵犬都有類(lèi)似設(shè)計(jì)

PUBG夜視儀效果

賽博朋克2077掃描效果

還有一些游戲開(kāi)啟技能后會(huì)產(chǎn)生弱化場(chǎng)景表現(xiàn)、高亮敵方目標(biāo)之類(lèi)的效果都能有效提升打擊感。

除了針對(duì)于關(guān)卡場(chǎng)景、角色做的統(tǒng)一處理，射擊游戲中還有一類(lèi)相對(duì)獨(dú)特的處理形式，武器開(kāi)鏡開(kāi)火的情況下做景深處理，模糊掉照門(mén)位置，強(qiáng)化準(zhǔn)心和準(zhǔn)心周?chē)哪繕?biāo)，輔助玩家瞄準(zhǔn)。

未做景深處理（照門(mén)、準(zhǔn)心表現(xiàn)清晰）

景深處理（照門(mén)模糊、準(zhǔn)心及目標(biāo)清晰）

2. HUD

hud這個(gè)詞的來(lái)源是空軍的頭顯，常見(jiàn)的包含屏幕上的人物狀態(tài)提示、敵方狀態(tài)提示、命中提示、武器狀態(tài)提示、比分和地圖指示等，這部分內(nèi)容也相當(dāng)繁雜，工作過(guò)程中除了策劃，還有專(zhuān)業(yè)的UIUX同學(xué)一起來(lái)看。

這里討論打擊感相關(guān)的hud表現(xiàn)，所以純信息類(lèi)的小地圖、挨打的受擊提示、任務(wù)指引、尋路等就不提了。

2.1 準(zhǔn)心及動(dòng)效

2.1.1 準(zhǔn)心

準(zhǔn)心hud主要提供兩個(gè)功能，協(xié)助玩家瞄準(zhǔn)和武器狀態(tài)提示。

不同玩家瞄準(zhǔn)過(guò)程中對(duì)于準(zhǔn)心大小要求不同，點(diǎn)狀、十字、穩(wěn)定/動(dòng)態(tài)等等，射擊游戲發(fā)展到現(xiàn)在，準(zhǔn)心自定義已經(jīng)不再是什么新奇的功能。

valorant準(zhǔn)心設(shè)置面板

在狀態(tài)提示上，絕大多數(shù)游戲，準(zhǔn)心需要承擔(dān)告知玩家當(dāng)前槍械散發(fā)的功能，從這個(gè)目的出發(fā)：

• 不同武器類(lèi)型的準(zhǔn)心需要有差異
• 準(zhǔn)心在開(kāi)火過(guò)程中的表現(xiàn)需要有差異

最小散發(fā)和最大散發(fā)的準(zhǔn)心對(duì)比

手炮和火箭筒的準(zhǔn)心對(duì)比

目前我印象里還沒(méi)有針對(duì)單把槍來(lái)設(shè)置準(zhǔn)心的射擊游戲，將自定義+多種類(lèi)結(jié)合，會(huì)更細(xì)致（試想一下瓦羅蘭特的警長(zhǎng)可以設(shè)置圓形準(zhǔn)心指示腰射范圍=。=）。

2.1.2 準(zhǔn)心動(dòng)效

涉及到打擊感相關(guān)，提最常見(jiàn)的兩類(lèi)，命中反饋和彈量/換彈進(jìn)度提示。

2.1.2.1 命中反饋

命中反饋上，我們簡(jiǎn)單拆解下最經(jīng)典的COD斜十字命中提示。

命中和擊殺分別為白色斜十字和紅色斜十字，同時(shí)會(huì)區(qū)分普通命中和爆頭。

逐幀截圖的斜十字準(zhǔn)心

截圖的視頻是43幀/秒，總時(shí)長(zhǎng)約0.37s，考慮到抽幀的可能，所以總時(shí)長(zhǎng)約為0.4s，取24幀。

大致看來(lái)1——8幀為縮放旋轉(zhuǎn)階段、9——16幀為保持階段，17——24幀為淡化擴(kuò)散階段。

比較有趣的是，在準(zhǔn)心特效替換上，兩代MW使用了不同的解決方案。

兩代MW替換方式的差異（我拆的，不保真）

特效替換方式改變，最直觀的感受是MW2022的斜十字反饋更穩(wěn)定，晃動(dòng)表現(xiàn)基本由動(dòng)效本身提供，不會(huì)像MW2019一樣不斷命中目標(biāo)，動(dòng)效不斷從頭播放，導(dǎo)致動(dòng)效很難播完，反復(fù)在播前8幀。

（但是！我之所以喜歡玩COD，不就是圖打的爽么，圖一個(gè)每一發(fā)命中都有即時(shí)反饋么，我覺(jué)得這個(gè)改動(dòng)不行）

2.1.2.2 彈量/換彈提示

APEXM彈量提示

我們?cè)谧罱鼛啄昕吹膹椓刻崾竞蛽Q彈進(jìn)度提醒大概是這樣的，準(zhǔn)心右下角的弧形進(jìn)度條：

• 66%以上時(shí)，顯示為白色
• 33%-66%時(shí)，顯示為黃色
• 33%以下時(shí)，顯示為紅色并伴隨閃爍特效
• 在換彈的過(guò)程中重播以上過(guò)程，進(jìn)度條累計(jì)蓄滿(mǎn)的時(shí)間等同于邏輯換彈時(shí)間（換彈前搖）

我印象中很早之前在育碧的游戲見(jiàn)過(guò)之類(lèi)的進(jìn)度條設(shè)計(jì)，似乎是全境封鎖。

進(jìn)度條這個(gè)東西肯定是有比沒(méi)有好，相對(duì)來(lái)說(shuō)比純粹的數(shù)字彈量提示更直觀，但同時(shí)也有一個(gè)問(wèn)題，即便做了換彈成功之后，進(jìn)度條消失或是準(zhǔn)心出現(xiàn)，整體的提示還是太弱了，玩家無(wú)法精確判斷完成換彈的時(shí)間節(jié)點(diǎn)。

換彈結(jié)束增加準(zhǔn)心旋轉(zhuǎn)提示

同組的其他策劃大佬給我發(fā)過(guò)一個(gè)參考，在進(jìn)度條消失基礎(chǔ)上，同時(shí)讓準(zhǔn)心做了個(gè)動(dòng)效提示，在顯隱邏輯的基礎(chǔ)上強(qiáng)化提示，圖示這個(gè)準(zhǔn)心旋轉(zhuǎn)特效，甚至還拉了曲線(xiàn)的，不是插值的，真的細(xì)。

2.2 命中提示

除了準(zhǔn)心位置的命中反饋，為了進(jìn)一步強(qiáng)化命中體驗(yàn)，可以新增命中跳字的設(shè)計(jì)。

CODM命中跳字

CODM是比較干凈的做法：

• 從子彈的命中位置出發(fā)，確定一個(gè)終點(diǎn)，播一個(gè)動(dòng)畫(huà)；
• 命中弱點(diǎn)時(shí)字號(hào)和顏色做一個(gè)差異化

會(huì)有比較復(fù)雜的做法，文字上還可以帶更多信息和花樣，例如：

• 是否破甲
• 對(duì)方帶的什么甲
• 我命中的什么部位
• 武器屬性
• 疊加總傷害
• 跳字的動(dòng)畫(huà)是否有區(qū)別/位置是否固定

項(xiàng)目組可以根據(jù)自己的需求來(lái)敲定。

APEX跳字

2.3 擊殺提示

CS1.5&CSGO擊殺提示

擊殺提示最早可以溯源到CS1.5時(shí)期右上角的擊殺信息提示，但即便到CSGO的年代，擊殺提示也沒(méi)有做花活，只在信息呈現(xiàn)、敵我處理上做了迭代，可能是為了使屏幕足夠干凈保障競(jìng)技性。

目前HUD上常見(jiàn)的擊殺提示包括擊殺信息、勛章、文字提示。

瓦羅蘭特增加了頭像/底色等信息

要說(shuō)瓦羅蘭特沒(méi)有參考過(guò)CF的勛章，我不太信

命運(yùn)2日落擊殺/行為提示

COD系列的擊殺提示值得專(zhuān)門(mén)拎出來(lái)看，COD在勛章和擊殺文字信息上，都做了更深一步的迭代，從單純的擊殺信息告知，升級(jí)到了玩家行為的獎(jiǎng)勵(lì)，從文字和勛章層面給足打擊感。

彈射黃字行為提示&角色連殺名片提示

COD：WWⅡ勛章

在不考慮畫(huà)面干凈程度，純粹讓玩家爽的程度來(lái)說(shuō)，COD幾乎利用完了屏幕的任何一個(gè)邊邊角角。

2.4 人物信息/武器狀態(tài)顯示

APEXM底部狀態(tài)欄

這一塊內(nèi)容其實(shí)比較固定，每款游戲都差不多，踩過(guò)兩個(gè)坑供大家參考下：

A. UE4的UI刷新會(huì)慢一幀，意味著當(dāng)前幀你點(diǎn)擊開(kāi)火，播放開(kāi)火表現(xiàn)時(shí)，底部的UI狀態(tài)欄依然顯示是30發(fā)子彈，不要小看這一幀的差距，手感就是一幀兩幀的差異，需要客戶(hù)端做一個(gè)處理。

B. UI的幀率，盡可能在引擎支持的基礎(chǔ)上做高，提前預(yù)留好UI高幀率的性能空間。會(huì)有一些項(xiàng)目UI的幀率只有十幾幀，開(kāi)火時(shí)你發(fā)現(xiàn)子彈是兩發(fā)三發(fā)這樣扣的，給人的感覺(jué)很差。

還有一個(gè)不算是坑了，算是個(gè)人建議：

盡量不要做幀數(shù)太長(zhǎng)的UI特效。

例如某些從左到右刷新的光效，或者從點(diǎn)擊位置向四周擴(kuò)散的光效，這類(lèi)光效時(shí)間長(zhǎng)了，玩家根本不清楚自己的點(diǎn)擊是否生效，何時(shí)生效，最后的體驗(yàn)就是卡手，APEXM換彈子彈刷的這一下就很舒服，速度合適。

2.5 血條

血條涉及到兩塊內(nèi)容：顯隱邏輯和增減表現(xiàn)。

2.5.1 顯隱邏輯

一般來(lái)說(shuō)，血條的顯隱由以下三個(gè)因素決定：

• 槍械朝向的射線(xiàn)是否和敵方膠囊體重合，不建議用mesh做判斷，不然會(huì)有各種咯吱窩和胯下不顯示血條問(wèn)題。
• 近期是否對(duì)該目標(biāo)造成了傷害。
• 目標(biāo)是否在視野范圍內(nèi)。

在此基礎(chǔ)上，再去定血條出現(xiàn)和消失的表現(xiàn)，射線(xiàn)經(jīng)過(guò)的殘留邏輯，受傷害的殘留邏輯就行。

預(yù)期是玩家掃過(guò)/對(duì)某個(gè)目標(biāo)造成了傷害，只要在視野范圍內(nèi)，就能及時(shí)顯示血條。

（把血條揭示距離作為屬性賣(mài)的，真的值得槍斃，哦他下一代沒(méi)血條了，那沒(méi)事了）

2.5.2 增減表現(xiàn)

增減表現(xiàn)更多和UI幀率、服務(wù)器傷害下發(fā)速度、客戶(hù)端能不能做預(yù)表現(xiàn)有關(guān)系。

我接觸到的主要卡點(diǎn)是，服務(wù)器下發(fā)傷害包的速度很慢，依賴(lài)于服務(wù)器傷害校驗(yàn)的血條、命中跳字等都有延遲，處理起來(lái)很麻煩，還在想辦法。

核心訴求是保證玩家持續(xù)命中時(shí)，血條的下降是即時(shí)且流暢的，至于動(dòng)效做成什么樣，要看UIUX爹怎么發(fā)揮。

泰坦隕落2血條表現(xiàn)

幀率高，表現(xiàn)好，我夢(mèng)中的血條，泰坦隕落2永遠(yuǎn)滴神。