精華區beta C_Chat 關於我們 聯絡資訊
原文標題:[GDC 2023]《星之卡比》的多重次元!3D 與 2D 動作遊戲的設計細節分享 原文網址:https://igdshare.org/content/gdc2023_dimensions_of_kirby KWL 《星之卡比》是非常受歡迎的動作遊戲長青系列,在 2023 年 GDC,卡比系列作的遊戲開 發總監,來自 HAL 研究所的熊崎信也、神山達哉,分享了他們開發《星之卡比》系列作 時,面對 3D 與 2D 不同表現方式時,所採取的製作思維,與許多在背後輔助玩家的手法 設計。 https://i.imgur.com/TK33ViA.jpeg https://i.imgur.com/c8XTtDb.jpeg 2022 年是卡比系列遊戲的 30 周年,在這紀念性的一年,開發團隊迎接的挑戰,是卡比 系列首款全 3D 空間的動作遊戲本傳《星之卡比 探索發現》(Kirby and the Forgotten Land)。 https://youtu.be/H4ngownvkRQ
但卡比系列的 3D 化並不是從這個遊戲才開始,而是一段長年的歷程,在過去的系列作中 ,他們就製作過不少以 3D 空間呈現的外傳或附加模式,這些累積下來的經驗,讓他們確 定有足夠的能力來面對要將系列本傳 3D 化的挑戰。 https://i.imgur.com/mSP09ON.jpeg 《探索發現》開發時設立了兩個主題,從系列作的觀點上,本作要為卡比系列帶來前所未 見的新鮮感;從遊戲性的觀點上,他們想打造的是一款任何人都可以上手的 3D 動作遊戲 。 https://i.imgur.com/XB7ryNn.jpeg 他們首先重新檢視了「卡比」的特性,卡比是個很不可思議的角色,像一顆橡膠球那樣柔 軟,又可以被延伸或扭曲成各種形狀,他們想利用這種獨特性來創造一款很直觀的 3D 遊 戲。 https://i.imgur.com/f2kPl9W.jpeg 為了達到直觀這個目的,他們把焦點放到「形狀」上,例如吸收了三角形的物體,卡比的 身體也會變成三角形,吸收了柱狀的物體、身體就會變成圓柱狀,但他們打算放進遊戲的 並不是甚麼神祕的立方體,而是人們所熟悉的立體形狀。 https://i.imgur.com/qVaut2Z.jpeg 那就是──現實世界中的物體!像是三角錐、儲物櫃甚至汽車等等人們日常生活中熟悉的 物體!有別於卡比系列傳統的吸收敵人能力,卡比吸入物體後沒辦法把物體整個吸收,讓 卡比的身體會被物體撐開而變形。 https://i.imgur.com/sadsFFA.jpeg 當卡比透過吞下物體變形後,也賦予了卡比能夠衝撞、穿孔、飛行、滾動等等與物體形狀 直接相關、直觀且自然的能力,這就是運用了卡比本身的特徵、加上 3D 的形狀要素概念 ,所產生的「塞滿嘴變形」系統! https://i.imgur.com/dbzuPJI.jpeg 為了讓遊戲場景裡充滿各種日常生活物體也不顯突兀,他們將遊戲的場景設定為充滿舊時 代文明廢墟的新世界。是的,他們並不是從美術或世界設定開始製作遊戲,而是確立了遊 戲玩法後、再回頭去設定遊戲世界,「塞滿嘴變形」或者「舊時代文明」的故事設定,都 是為了服膺遊戲機制而生。 https://i.imgur.com/XctO8AQ.jpeg 接下來,是關於「讓任何人都能上手的 3D 遊戲」的部分。卡比系列遊戲給人「即使是初 學者也能夠享受樂趣」的品牌印象,而這次他們要在 3D 遊戲中實現這種期待。 https://i.imgur.com/rg3kln7.jpeg 不過呢,請大家仔細看看卡比這個角色的造型,其實卡比跟 3D 的契合度是很差的。 https://i.imgur.com/IHzt5H5.jpeg 怎麼說呢?只要一張範例圖片就可以理解了,你能馬上確定圖中的卡比是面對著哪個方向 嗎? https://i.imgur.com/LYKSlGU.jpeg 卡比這個角色的造型,從背面來看很接近純粹的球體,導致我們不易判斷卡比在 3D 空間 裡的面向。 https://i.imgur.com/FnLvvZD.jpeg 卡比的傳統攻擊模式是吸入敵人後吐出星星,但在 3D 空間裡,可能因為一點點初始角度 的誤差,導致星星射出後與目標物之間產生明顯的距離。 https://i.imgur.com/zJ4D6Cc.jpeg 像這種情況,最常見的解決方式是讓射出的物件加上追蹤能力,不過他們除了基本的追蹤 ,還加了一些額外的手法。 https://i.imgur.com/8fW09Xm.jpeg 開發團隊所採用的手法是「點數制」,讓畫面內的敵人都各自具備一組追蹤點數。點數的 計算方法首先是方向,當敵人距離卡比的正前方愈近、點數就愈高。接著是距離,當敵人 距離卡比愈近,獲得的點數也會愈高。再來是重要性,當敵人的威脅比重愈高、例如魔王 級敵人,就會加上額外的點數,藉由計算出點數的總和,系統就會讓攻擊道具往點數最高 的敵人飛去。 https://i.imgur.com/vLt2jcd.jpeg 另一方面,他們還設計了選擇性忽略追蹤的機制,畢竟要是追蹤能力太強,就會剝奪掉玩 家操控與瞄準的樂趣。例如當卡比在地面上時,飛在天空的敵人就不會被列入追蹤點數的 計算。相對的,因為在空中要瞄準比在地面上更困難,所以當卡比浮空時吐物攻擊,空中 敵人的追蹤點數會加算得更多。 https://i.imgur.com/tzSVoKd.jpeg 卡比的吐物攻擊,彈道在視覺上應該是直線的,但加了追蹤能力後,則可能會讓彈道變成 曲線,這會顯得很不自然,開發團隊使用的手法是,在物件射出的第一個畫格時,賦予較 強的追蹤強度,矯正物件的角度到較接近目標的方向,接下來就把追蹤強度調弱,限縮物 件因追蹤而扭曲行進方向的程度,創造出視覺上接近直線、實則具備一定追蹤能力的彈道 。 https://i.imgur.com/E97Cz3v.jpeg 3D 遊戲常見的另一個問題,是不容易判斷 3D 空間裡的距離感。以下面這個攻擊畫面裡 來說,有發現什麼奇怪的地方嗎? https://i.imgur.com/h5kGp2y.jpeg 答案是,卡比射出的攻擊物件,在 3D 空間裡其實根本不會命中敵人!開發團隊在這邊加 入了獨自的判斷系統,讓玩家只要「視覺上」有命中敵人,敵人就會受到中招。 https://i.imgur.com/d4mtj3Q.jpeg 他們的手法並非加大碰撞判定的範圍,而是僅延伸了深度的判定範圍。遊戲在進行中,會 即時的針對目前的攝影機位置與角度,進行碰撞判定深度的調整。 https://i.imgur.com/oGE1zOt.jpeg 3D 遊戲還有一個常見問題:攝影機視點。一般 3D 遊戲常見的做法,是利用雙類比方向 鍵,一邊移動角色、一邊調整鏡頭,但對於初學者來說,光是要控制角色的行走與動作就 已經夠忙了,根本無暇去控制攝影機,也就很難去察覺角色周圍的各種動靜,甚至會被視 點卡住,導致玩家對 3D 遊戲感到卻步。 https://i.imgur.com/SuUJfgV.jpeg 在《星之卡比:探索發現》裡,他們採用的方法是不讓玩家調整攝影機,由關卡設計師預 先設定好攝影機的視點與移動方式,玩家可以使用 2D 遊戲般的方向操作,就讓角色在 3D 空間中移動,感受到場景的深度。 https://i.imgur.com/hrHX41a.jpeg 手動設定攝影機視角的另一個好處,是能夠讓重要的物件完整的放進畫面裡。一般情況下 ,我們會把主角放在畫面中心位置,讓攝影機程式自動去追隨主角,但有些場景裡的重要 物件或機關,可能會因此無法完整顯示在畫面裡,藉由手動調整攝影機位置,能夠讓重要 的物件自然的完整入鏡,給予玩家更明確的提示效果。 https://i.imgur.com/JbC1yZA.jpeg 手動設定攝影機還解決了卡比的「漂浮問題」。卡比這個角色可以在空中飄浮飛行,這是 系列作不可或缺的特色,但是在 3D 空間裡,這種飄浮飛行能力,就變成了開發者的大麻 煩。因為,玩家一旦具備了這樣的能力,就一定會想要無視關卡的結構、自由的飄浮飛行 ,當然遊戲並不會允許玩家這麼做,通常都會用「空氣牆」之類的手法擋下玩家,但「明 明看起來可以過去卻被看不見的東西擋」,會帶給玩家很差的體驗。 https://i.imgur.com/iHRKoRu.jpeg 藉由設計過的攝影機運鏡,他們讓畫面的顯示範圍到了關卡邊界為止,玩家不會看到太多 邊界之外的畫面,就算玩家飛出邊界,攝影機也不會追隨移動,讓玩家理解「去不了畫面 範圍之外」這件事。 https://i.imgur.com/BWioKkm.jpeg 實際上的製作方式是,場景裡設置了許多「攝影機牆」,這可以由遊戲引擎自動生成,不 用一一手動設置。接著,以攝影機注目點為中心,放射狀的延伸出許多判定點,攝影機會 藉由角色或「攝影機牆」與這些判定點的碰撞,流暢自然的調整運鏡的方向。 https://i.imgur.com/OkXsa0J.jpeg 接下來,要分析的是另一款為了紀念卡比系列 30 周年而開發的遊戲《星之卡比 Wii 豪 華版》(Kirby's Return to Dream Land Deluxe)。2011 年於 Wii 上面推出的遊戲《星 之卡比 Wii》,在系列作裡面是個重要的轉捩點。 https://youtu.be/Dov30IUtAQQ
在《星之卡比 Wii》開發之前,他們在 Game Cube 時代就嘗試開發過三款不同的卡比遊 戲,但因為他們覺得成果不夠好,最終都沒有上市,一直到了第四個迭代,終於完成了系 列間隔了 11 年才推出的家用主機本傳新作《星之卡比 Wii》。接下來,就以這款作品的 重製版《星之卡比 Wii 豪華版》為例,分享他們在製作 2D 玩法的卡比系列作時,累積 下來的一些心得。 https://i.imgur.com/igQvbfE.jpeg 卡比系列從一開始的開發目標,就是要創作出一款容易上手卻又具備深度的遊戲,讓不管 遊戲的初學者或者老玩家都能樂在其中。 https://i.imgur.com/5efydku.jpeg 想讓玩家覺得自己的角色是個無所不能的英雄,前提是角色操作起來要感覺舒服,但所謂 讓玩家感到舒服的操作,並不是指輸入的反應時間要精確、不是按了哪個按鍵就馬上做出 什麼動作這種事,而是要讓遊戲角色盡可能依照玩家所想要的意圖行動。 https://i.imgur.com/UzP6AWj.jpeg 在遊戲的過程中,常常會發生玩家認為自己在想要動作的時間按下按鍵了,但實際上誤差 了一點點的狀況,接下來要說的,就是如何彌補這樣的誤差。例如,在卡比系列遊戲的機 制裡,當卡比位在空中時按下跳躍鍵,卡比會進入飄浮狀態。 https://i.imgur.com/CLPiXoo.jpeg 但是,如果玩家在卡比跳躍後、即將從空中落地、只差一點點就要碰到地板時,再次按下 跳躍鍵,玩家所希望的操作,其實是再次跳躍而非飄浮。如果嚴格的照「卡比是否還沒落 地」來判定,卡比就會飄浮起來,反而違背了玩家的期望。因此,他們導入了名為「 Fuzzy落地」的設計,當卡比在接近落地時,身體會有明顯的落地動態,玩家在這個時間 點按下跳躍鍵也不會進入飄浮狀態,而會在真正落地之後馬上跳起。 https://i.imgur.com/hP6zHK9.jpeg 又例如,當卡比跑過一個平台,玩家在卡比越過平台邊界後才稍遲的按下跳躍鍵,即使卡 比的身體嚴格來說已經落到半空中了,他們還是會預期玩家所希望的操作是跳躍,而讓卡 比跳起來。 https://i.imgur.com/SnFdFP0.jpeg 還有,卡比跳躍時,頭頂會有一小塊攻擊判定區域,這塊區域,也會在跳躍時進行調整。 https://i.imgur.com/EnWHxo0.jpeg 像是下面這個情況,卡比衝刺著向前跳躍,但斜上方有個敵人,照正常的碰撞判定來看, 因為身體的受傷判定區塊會先碰到敵人,所以卡比應該會受傷。 https://i.imgur.com/iATGnHo.jpeg 但結果,卡比成功擊中敵人,而沒有受傷! https://i.imgur.com/cenNhvz.jpeg 將碰撞判定區塊顯示出來,我們再看一次,實際上,卡比在衝刺跳躍時,頭部的攻擊判定 會朝前進方向稍微擴大延伸,所以才會有成功攻擊而非受傷的結果。 https://i.imgur.com/b3KuXH5.jpeg 開發團隊將這個設計稱之為「飛機頭判定」,藉由這個飛機頭判定,玩家可以讓角色更加 依照自己所希望的方式跳躍。 https://i.imgur.com/6Im9sru.jpeg 上面只是一部份的例子,他們在遊戲中還放了很多會在背後偷偷幫助玩家、但又不被玩家 察覺的設計,這一切,就是為了使玩家成為自我預期的英雄! https://i.imgur.com/zQxS94P.jpeg 接著是美術方面的設計。當《星之卡比 Wii》進化成《星之卡比 Wii 豪華版》時,因為 解析度與貼圖精緻度的提升,使得畫面看起來更加漂亮,但畫面細節豐富度的提升,卻也 使得玩家無法一眼就從場景裡分辨出角色。 https://i.imgur.com/NkMc7cc.jpeg 他們的做法是,為角色加上外框線,讓角色從場景裡突顯出來。不過,事情並不是單純加 上外框線這麼簡單。 https://i.imgur.com/gosOfZ9.jpeg 在《星之卡比 Wii 豪華版》裡面,角色外框線是用「背面法」繪製的,但是在角色部件 重疊時,會出現雜訊般的線段,很不好看。 https://i.imgur.com/oBYGhWV.jpeg 解決方法是為框線加上深度值,藉由深度值調整框線的強弱,讓框線具備淡入效果,使框 線看起來乾淨自然。 https://i.imgur.com/WCR3Tda.jpeg 背景與地形方面,也是經過很多手動的試誤調整,藉由多次的 try & error,調整出讓玩 家看起來最舒服的場景。為了做到這樣的事,他們有個自行開發的內部工具,能夠在遊玩 的過程中即時的調整遊戲場景,讓關卡設計師們在測試遊玩過程中,如果覺得有哪邊怪怪 的就可以立即動手修改。 https://i.imgur.com/moWWtTG.jpeg 接下來,談談「豪華版」新追加的模式。原始 Wii 版的特色,就是支援多人闖關,並且 玩家隨時都可以中途加入或離開遊戲,讓家人或朋友可以很快速的一起遊玩。 https://i.imgur.com/W3tFEaG.jpeg 到了《豪華版》,開發團隊進一步拓展這個概念,開發出了新的「熱鬧魔法洛亞樂園」模 式,提供了眾多可以最多 4 人一起遊玩的小遊戲。 https://i.imgur.com/2jHhsy6.jpeg 但他們並不想讓這些小遊戲只是獨立的附加物,而是一個可以跟主遊戲相互搭配穿插、調 和整體遊戲節奏的模式。 https://i.imgur.com/d6bNsO6.jpeg 在「熱鬧魔法洛亞樂園」下遊玩小遊戲後,能夠獲得可以在主遊戲關卡中使用、幫助過關 的道具,而當玩家在主關卡把輔助道具消耗完了,就會想回到「樂園」模式下賺取道具, 藉此構成兩種模式間的自然循環。為了使各個循環更容易成立,開發團隊更做到了只要按 一個按鍵,隨時可以在兩種模式之間輕鬆切換的機能。 https://i.imgur.com/00AeYgE.jpeg 說到「熱鬧魔法洛亞樂園」,就當然要提「魔法洛亞」這個角色。要為一個已經有長年歷 史的遊戲設計新角色,基本原則就是要讓新角色符合這個世界的特徵,在引用既有造型元 素的基礎上,再加上一些能夠展現個性的造型。 https://i.imgur.com/gEydPzn.jpeg 魔法洛亞是本作故事的關鍵角色,開發團隊用斗篷為主要的造型元素,來增添他的神祕感 ,但又能夠透過眼睛、耳朵等部位的變化表達情緒。同時他在遊戲中會有大量的對話內容 ,即使角色都是用合成語音,不講求精確對嘴,但為了降低這部分的工作量,在造型上刻 意遮掩了他的嘴部。 https://i.imgur.com/sNOTgb1.jpeg 順道一提,魔法洛亞的聲音雖然很可愛,但他的聲音取樣來源是開發團隊內的資深音效設 計師,本體是位年逾 50 的大叔。 https://i.imgur.com/pYBumSs.jpeg 其實卡比系列的角色配音,很多都是由開發團隊成員獻聲取樣。例如知名的帝帝帝大王, 就是熊崎信也本人擔綱! https://i.imgur.com/fgXHlTc.jpeg 魔法洛亞在故事上,是從其他星球來到卡比的星球,這個設定,也是為了讓已經有著長久 歷史跟既有設定的卡比系列世界觀,能夠不突兀的插入新角色,但他們還是做了非常多的 造型設計實驗,最終才定下了魔法洛亞的造型。 https://i.imgur.com/c5ncfIG.jpeg 「熱鬧魔法洛亞樂園」的場景設計也是,都經過了非常多次的試誤。他們的目標不僅是要 讓玩家一眼就能夠看出這裡有著多樣的小遊戲,還要讓玩家能夠快速的找到自己想玩的小 遊戲。 https://i.imgur.com/WxhdZT9.jpeg 在系列的開發過程中,每次需要設計新元素時,團隊都會經歷過多次的腦內激盪,最終設 計出兼具功能性與個性,並且融合於世界觀之中的角色。 https://i.imgur.com/znencIJ.jpeg 《星之卡比 Wii 豪華版》也特別著重在創造遊戲的深度,因此全新製作了「魔法洛亞後 記」模式。這是故事模式破觀後才會出現的模式,提供玩家更高的挑戰。 https://i.imgur.com/dO8q7uP.jpeg 在這個模式下,魔法洛亞必須收集魔力,以強化自身的能力。而這樣的設定,又跟本篇故 事裡,魔法洛亞失去了它的魔力相呼應,讓玩家能夠在完成本篇故事後,體驗魔法洛亞逐 步恢復魔力的旅程。不過這其實是次要的理由,他們真正的目的,就是希望能夠藉由此模 式,強化遊戲的深度,為玩家帶來與本篇不同的遊玩體驗。 https://i.imgur.com/YlpwtRU.jpeg 雖然製作團隊已經有調整過遊戲難易度,但強化系統讓玩家在自由為魔法洛亞的能力配點 的同時,也等於是在自由的調整遊戲難度。 https://i.imgur.com/uk7eO9F.jpeg 「魔法洛亞後記」模式的特色,是加入了連段系統,當玩家用愈高的連段打倒敵人,獲得 的魔力點數就愈多,「連段」聽起來像是種要求技術的玩法,不過他們在這邊也加入了一 些設計,降低連段的門檻。 https://i.imgur.com/b0c1N7U.jpeg 魔法洛亞的魔法攻擊,具備兩種不同的判定範圍,紅色的圓圈是通常的攻擊判定範圍,更 大的紫色圈圈則是連段攻擊的判定範圍,也就是在連段成立後,攻擊範圍會加大,讓玩家 更容易連段。 https://i.imgur.com/OT2TDbx.jpeg 攻擊命中敵人後,會帶有擊退效果,讓敵人的位置往後方偏移,加大攻擊判定後,彌補了 這段距離差,讓玩家可以在原地就繼續連段攻擊。 https://i.imgur.com/ABL7XsB.jpeg 除此之外,遊戲內還具備了很多在幕後輔助玩家的機能(很可惜講座裡沒有一一介紹解析) ,即使魔法洛亞後記是比本篇更具挑戰性的模式,他們還是要確保玩家在這個模式下能夠 玩得像個英雄! https://i.imgur.com/sk3s6Bi.jpeg 不論是 2D 還是 3D,卡比系列 30 年來的開發目標,就是利用各種設計,創造容易上手 又具備深度的動作遊戲,希望這次的分享,能為讀者們帶來一些幫助! https://i.imgur.com/KlTKWD9.jpeg -- 清廉正直射命丸文,世界第一可愛 https://i.imgur.com/XqOptr2.jpg https://i.imgur.com/zGCOdHq.jpg https://i.imgur.com/SJR03hx.jpg https://i.imgur.com/nUbq2HQ.jpg https://i.imgur.com/0yn2DP5.jpg -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.238.162.126 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/C_Chat/M.1682774396.A.0F3.html
organic3321: 好文推 04/29 21:45
karta018: 好詳細,可以透露一點後續規劃就更好了 04/29 22:59
rockyfan: 好像有看到哪篇推文在戰黑框,現在想想還真有趣,直接否 04/30 11:43
rockyfan: 定人家的美術設定 04/30 11:43