background background background background background

【開發經驗分享】文章彙整 | 專題系列-《歧路旅人OCTOPATH TRAVELER》

2022/03/19 By indie.guider 編輯

#HD2D #像素風 #Pixelart #遊戲內光源 #遊戲鏡頭 #移軸 #動態模糊

由 史克威爾艾尼克斯 和 Acquire 開發的《歧路旅人OCTOPATH TRAVELER》(又名八方旅人),其 HD-2D 的像素美術風格並結合2D Sprites in 3D場景,以及燈光、鏡頭的運用,使遊戲的畫面表現獲得非常多的讚揚。接著在2021年「勇者鬥惡龍35周年紀念節目」中SQUARE ENIX 發表了《勇者鬥惡龍 3(Dragon Quest III》將以旗下知名遊戲 《歧路旅人》的系統重製《勇者鬥惡龍 3 HD-2D 重製版(Dragon Quest III in HD-2D)》。

 

本篇整理該遊戲團隊的訪談、演講及相關開發技術討論的資訊,提供給對此類型遊戲有興趣的開發者參考。

 

開發團隊訪談、演講


6分鐘的開發幕後故事簡短訪談,團隊成員述說有關遊戲開發過程中的著眼點及經歷

Octopath Traveler’s “HD-2D” art style and story make for a JRPG dream come true

文稿 )

 

原刊載在雜誌<Nintendo Dream>上的團隊訪談文章的英文獨家翻譯稿,向核心成員進行的內容豐富的採訪報導。

Octopath Traveler devs on character origins, visual style, initial HD Rumble plans, much more

 

在2019 Unreal 開發者大會上,開發團隊詳盡的介紹遊戲的開發內容及歷程。

The Fusion of Nostalgia and Novelty in Octopath Traveler | Unreal Fest Europe 2019 | Unreal Engine

 

2018 UNREAL FEST EAST 上,開發團隊分享遊戲的開發方式與技巧。

「UNREAL FEST EAST 2018」Nintendo Switch『OCTOPATH TRAVELER』はこうして作られた

特徴的なアートスタイルはこうして作られた。「OCTOPATH TRAVELER」開発秘話

 

影片雖是團隊對玩家意見的回饋,但從中可一窺團隊對遊戲內容的修正方向及原因。

『project OCTOPATH TRAVELER(プロジェクト オクトパストラベラー)』体験版アンケートフィードバック

 

相關技術探討


YT 頻道 Gamker 製作的影片,在影片的第 6 分鐘 到第 8 分鐘,以玩家角度解讀了他們在遊戲中看到的設計細節。

【Gamker】史上最美高清馬賽克——《八方旅人 Octopath Traveler》鑒賞

 

國外網站 Usgamer 對歧路旅人的畫面表現、相關技術使用的分析介紹。

How Octopath Traveler Uses Unreal Engine 4 to Blend Old and New School Graphics

 

國外媒體 Design Doc 對歧路旅人分析該遊戲設計的好與壞

The Design of Octopath Traveler ~ Design Doc

 

音樂創作人探討歧路旅人中的音樂是怎樣的傑出

Why Octopath Traveler's OST is a Masterpiece

 

這篇文章從關卡設計、劇情節奏方面解析八方旅人的設計方式與技巧

玩法之間的化學反應(下):不止一把鑰匙的鎖

 

這篇嘗試拆解八方旅人在 Render 的處理過程

最美馬賽克——簡析八方旅人的render path

 

【干货】制作 oblique/cabinet 投影的 2D 游戏时,确认精灵先后顺序的排序方法

 

相關工具、資源


八方旅人這款遊戲,將 2D 角色放在 3D 場景,且都使用像素風格的同時,善用場景光源、點光源、動態模糊、移軸攝影以及鏡頭設置等細節,來呈現出精美的視覺效果,底下附上相關的技術討論文章。

 

Unity

 

如何在 Unity 中將 2D 放入3D場景中

How To... Billboarding in Unity 2020 - 2D Sprites in 3D

 

使用Unity制作“饥荒”风格的俯视角2.5D游戏

 

如何在 UNITY 遊戲中添加 MOTION BLUR (動態模糊) - 後期處理效果

 

Unity中实现模拟移轴摄影的效果

 

Unity 開發者在相關討論中,提及了 Unity Billboard 的使用,故列上一篇相關技術文章(中文)。

粒子渲染模組

 

HD-2Dグラフィックの仕組みと作り方を解説します【Unity】【ひろはす】

 

Pixel Perfect Lights and Particles in Unity! (Tutorial)

 

LIGHTING in Unity

 

Unity Tutorial - Octopath 2D Sprite Shadows And Lighting

 

【Unity】ゲーム制作歴10ヶ月程でHD2Dのようなドット絵キャラの3Dゲームを作る!Part1

 

Unreal

如何在 Unreal 中設置歧路旅人般的鏡頭

Create a Octopath Traveler camera inside Unreal Engine!

 

非 Unreal 開發者對於光源效果的討論中所提到的工具之一,支持 Unity & Game Maker。

Sprite Lamp Trailer

 

等距視角地圖: 傷腦筋的物件排序 (Isometric Sprite Sorting)

 

Backbone - Working with 2D Pixel Art in a 3D World | Unreal Indie Dev Days 2019 | Unreal Engine

 

使用 UE4 製作 2D 像素藝術遊戲的技巧總結。

 

其他像素風遊戲


另一款同樣是 像素風RPG遊戲且被許多人關注的-風來之國 ( Eastward ), 其開發團隊 Pixpil studio 採用 MOAI 引擎,並列出開發所用的 Dev tools,一並列上作為參考。

風來之國 ( Eastward )

Eastward的創作者分享有關進行像素藝術冒險的見解

 

 

indie-guider 專欄推薦:

《 遊戲發行上架 》

■ 【STEAM 遊戲上架】文章彙整

■ 【STEAM 數據分析】文章彙整

■ 【推廣與增長】文章彙整

■ 【社群經營】文章彙整

■ 【PITCH | 發行商】文章彙整

■ 【遊戲發行合約】文章彙整

 

《 遊戲開發 》

■ 【開發者故事】- 獨立遊戲開發者訪談紀錄

■ 【開發經驗分享】專題系列-《薩爾達傳說 曠野之息》

■ 【開發經驗分享】專題系列-《Celeste》

【翻譯與本地化】文章彙整 | 編輯推薦

在台灣的國際開發者圓桌對談 ─公司或團隊的工作文化、體制有甚麼差異?

■ 【Extra Credits】影片精選

 

《 數位遊戲商務課程系列 》:由此去

 

 

 


台灣獨立遊戲資訊第一站

🎮 官方網站:https://indie-guider.games/

🎮 Facebook:https://www.facebook.com/indie.guider

🎮 Discord 頻道 :https://discord.gg/3DGnwmSSC5