環境互動設計:向佈局中注入真實感
今天要向大家介紹一種基於開放世界場地的關卡設計方法。
理由!理由!
這裡有一種基於現有建築結構生成有趣的佈局和設計的方法。
該過程包括確認一個具有很大潛力作為遊戲玩法機會的場地,並將其轉化為娛樂空間(Game-play Space)。
而選擇的過程,主要依賴於在Google圖片或者是Google地圖等搜尋引擎編輯器,於外部進行探索性的工作,並使用我們的能力來識別現實世界中常見的可玩功能互動性(Affordances)。
如果它在現實生活中有效,那麼它在遊戲中應該也能生效。而如果它在現實生活中無效,但看起來可能可行,那麼它應該也能在遊戲中生效。
倫敦—跑酷示例
讓我們一起來審視跑酷藝術家是如何看待三維空間,這可能是可轉換到遊戲中最完美的例子。
普通人對於空間的理解——它反映了其原始目的。
跑酷健兒對於空間的理解-因為他們知道自己的物理邊界。
在電子遊戲中,我們有一些指標,它可以準確地告訴我們,為了實現環境互動,障礙物到底需要達到多高?我們有最小值和最大值,我們可以以此來理解空間。
第二部分涉及到該空間的實際轉換,以便使它符合我們的設計標準,而我之前在我的其他部落格中的文章和Twitter執行緒中提到過這一點:
遊戲指標是為了確保該場地支援遊戲玩法。這並不是要把遊戲玩法放在不支援的地方。這是為了確保可以在其中進行遊戲。
空間不應是為了控制遊戲玩法而構建,而是應被設計為用以支援遊戲玩法。如果空間支援遊戲玩法,則我們就可以控制它(空間)。
與遊戲空間相比,現實中的地方往往非常大,當我們嘗試對整個場地重新進行蠻力縮放時,可能會導致一些位置感的意外丟失。
現實世界中還有很多我們可能不想在地圖中使用的東西,僅僅是因為這會過多地影響我們的生產工作。在我們處理不斷變化的生產目標和意圖時,請根據我們能夠如期完成的工作量來制訂需求,這可能也意味著按時釋出產品和可怕的專案推遲之間的差距。
所以說!我們應該怎麼做呢?
當然是先去谷歌一下,讓我們輸入感興趣的內容:
尋找出色的參考文獻-西班牙,鄉村,橋樑(Spain, Village, Bridges)
Puente Nuevo是西班牙的一個真實地方。
Puente Nuevo — 西班牙
我在這個階段感興趣的是在此上下文中發現有趣的內容。所以我拿了一堆參考圖片,然後慢慢地開始建立自己的參考庫。
如果我對建造整個城鎮感興趣,那麼實際上我會去嘗試對整個地方進行更全面和更深入的瞭解。
像這樣:
整個Puente Nuevo城.
構建一座完整的城市始終是一件成本非常昂貴的事情,它涉及到大量規劃和場地管理,如果你想了解更多有關資訊,可以點選以下連結:
http://chrome.360.cn/360chromeli ... p://www.google.com/
場地勘察(Location Scouting)
然而,我們這次要做的並不是專注於構建全域性,而是考慮到全域性已經存在,我們將嘗試確定一些很酷的場地,然後將其轉換為娛樂空間。
在此階段,我們正在尋找一些東西:
- 有趣的幾何圖案
- 有趣的高度變化
- 房屋結構中的開口
像這樣的東西:
城市範圍內有趣的構造
一些考量因素:
- 我們希望我們的場地具有標誌性(地標)
- 我們希望它們像要塞一樣建造
如果它們同時滿足這兩個條件,我們就可以繼續。
場地1:
該場地的標誌性非常出色,它們可以用作地標。但除非你有著足夠預算去生產它,否則它們不一定具有遊戲功能。
刺客信條:大革命中的巴黎聖母院就是一個兩者兼而有之的例子。
巴黎聖母院-刺客信條:大革命
而我們的小教堂……不大,咳咳。但如果這是一個更大的建築,比如說烏普薩拉大教堂,那麼我們的討論可能會因此不同
烏普薩拉大教堂
關於該要塞的屬性,我會說:“讓我們不要選擇(Push)它!” 因為它一點也不酷。
在這一點上,我給它1星,然後我們繼續前進。
場地2
看起來有點像一座堡壘,但它具有標誌性嗎?
場地2有一張充滿著功能互動性的有趣地圖的所有組成部分,但是,喜歡遨遊世界的玩家如果沒有地圖,將很難找到它。
同樣,就藝術成本而言,它的尺寸也很難讓人為它繼續辯解,所以1星。
場地3
哇!這是一個變化。
這是別的場地。它具有標誌性嗎?好吧,它是城市最高的建築物之一。
它是要塞嗎?並不是,但其中也包含了許多室內的遊戲玩法,並且製作成本可能較低(也許吧)。我是一名關卡設計師,但我也會有缺點,所以我可能會將這2星因為一個(也許)更好地選擇,給另外兩個場地。但請別擔心,我們會在最後重新評級。因為在關卡設計中,可能還會有很多好東西。
場地4
一個有趣的組合
場地4有一個標誌性的競技場和一個有趣的公園空間相連,令人印象深刻,這是不是可用的娛樂空間呢?
一些探索
它可能會起作用,所以我將給出3點開始並繼續前進。
我非常喜歡這樣一個事實,它有著一個巨大的遠景:
現在,如果你去向美術總監或者主美詢問關於這個場地的資訊,他們肯定會說,除了競技場以外,所有東西都得報廢。但是,為了展示一種方法,我們現在將暫時忽略這條建議。
向前跳過
我們的評分如下:
我不會費盡心思和其他人討論細節,因為它們要麼太無聊,要麼太具有標誌性,要麼就是沒有足夠的娛樂空間來發揮作用。
所以,我們將討論第四點:
皇家騎兵大師託羅斯廣場(皇家騎兵廣場)
上一張照片-西班牙
在該階段,如果可能的話,我想從歷史的角度進一步地瞭解該場地。很明顯它在這裡已經有著很長一段時間了,所以它可以看出,它可能有著很多故事。
一位遊客說:
“ (Original) Arena più antica di Spagna. un pezzo di storia di questo paese e’ meglio munirsi di audio guida molto bello il monumento al toro e non solo tutta Ronda merita di essere vista. panorami stupendi”
讓我們翻譯下,
“西班牙最古老的競技場。受益於音訊指南,我們得以瞭解到其中的一些歷史。非常漂亮的鬥牛紀念碑,整個競技場都非常值得參觀,很棒的全景”。
但不幸的是,我找不到它的維基頁面。雖然我確實找到了一些關於西班牙和世界上其他鬥牛場的一些很棒的參考資料。
在馬德里,競技場的結構如下:
馬德里鬥牛場
我不想在細節上打擾你,因為你還會有很多很多東西要學。
如果你對該鬥牛場感興趣,可以點選此處:
https://www.madridbullfight.com/ ... /plano-tendidos.jpg
通常,到了此時,我會試著根據這裡可能發生的故事來構建一個敘事結構:
- 下注出錯
- 鬥牛交易和投機
- 當地黑幫試圖擴大他們的影響力
- 為了備受矚目的目標所舉辦的私人鬥牛比賽
- 刻意阻礙鬥牛士,令其在場上受傷,這樣你便可以贏下/輸掉比賽
只要保持對該場地的幻想,任何事情都可能會發生。
佈局(The Layout)
現在到了最有趣的部分:
- 我們搜尋了場地
- 我們發現了一些很酷的東西
- 我們發現了其中的一些缺陷
- 我們知道我們想在這裡講一個什麼樣的故事
- 讓我們組裝佈局!
我們從地圖的俯檢視開始:
真實再現
首先我們先嚐試確定地圖中的關鍵區域:
覆蓋重點區域
接著,讓我們嘗試簡化問題,減少在我們的開放世界地圖中實際可用的細節數量。
歐瑪噶!好醜哦!
現在,我們可以利用這些資訊來制訂關係圖,以便從分子的角度來思考我們的地圖應該是什麼樣的:
分子圖
注意!這一點很重要,原因如下:
- 它有助於藝術團隊估算其場地美術資產的生產範圍(Scope)
- 它讓關卡設計團隊得以保持關注於該場地到底有多大
- 它防止了功能主義(Feature Creed)。如果你知道你的地圖上有哪些空間,就可以避免當你一覺醒來時,發現地圖上有一堆你沒有計劃好的隨機事件。
譯者:這裡本人並不是很確定Feature Creed是否是指建築學中的Functionalism。
這是關於佈局的一個非常綜合的表示。
360度接近
此刻也是在你的佈局中引入洋蔥層的好機會:
從理論上來說,開放世界應只能和外部密室相連。外部密室始終與開放世界和內部密室保持相連。而內部密室(困難層)只能連線到外部密室。
如果出於某種原因需要將其連線到開放世界,請確保它被一個上鎖的門所隔開。同時建議玩家通過審查(Check)/測試(Test)/挑戰(Challenge),從而進入紅色區域。紅色區域之所以是紅色是有原因的。
你要新增到佈局中的層數,取決於你希望佈局有多複雜。
門控
你還應該考慮在進入內部密室之前,通過一種讓玩家先探索外部密室層的方式來設定你的佈局。
簡單的分子表達
另外,請考慮以下事實:如果一種策略失敗,玩家將可能會想要更改路徑,因此請確保你的佈局具有很多條相互連線的路徑。
但是,請儘量不要把玩家弄的暈頭轉向,不知所措。
在這個階段,敵人的部署或多或少都是具有猜測性質的,但是我們可以根據他們的實際密度做一些安排。
根據你的目標層,NPC的密度可高或低。
在潛入遊戲中,每一層的有限佔地面積將影響NPC的密度。這將增加難度曲線。
同時請花一些時間鎖定你的主要和次要目標。
如果你遇到過任何地方,有著讓你難忘的特殊遭遇,請立刻新增:
目標放置
例如:
- 玩家需要潛入到建築群中,並在圓形劇場中的暗殺目標
- 外面的聖所裡有顆汽車電池可以偷
- 一些壞蛋在一個側面的院子裡餵食公牛類固醇,他們必須被阻止
- 你甚至可能不得不在競技場中間與公牛搏鬥
- 也許牛棚裡發生了一件什麼事,可以幫助你不被發現
- 等等。
可能性是無止境的!
下一步我們將討論的是準備佈局,讓它變成更專業的版本,專注於分鐘到分鐘的遊戲玩法[1]。
但這將會是另一個帖子的焦點。
譯者:關於該系列文章中所出現的分子,分子圖的概念,實質上在關卡設計中,分子等同於元素。可參考以下這篇文章,理解在理性關卡設計中,元素設計相關的內容。
空間度量:元素設計——精品系列(關卡設計)
參考
[1]^該概念可以從《理性關卡設計-四大指標》中瞭解
https://zhuanlan.zhihu.com/p/105086370
相關閱讀:
如何在關卡設計環境中表達視覺語言系統?
環境互動設計,如何處理掩體的放置?
原作者:Iuliu-Cosmin Oniscu
原譯文:
https://link.zhihu.com/?target=https%3A//medium.com/%40iuliu.cosmin.oniscu/infusing-realism-into-your-layouts-7f3ad3fd3f06
譯者專欄:https://zhuanlan.zhihu.com/p/142935272
相關文章
- Jupyter notebook/nteract/Atom中配置scala互動式程式設計環境程式設計
- 互動多媒體展廳設計的空間佈局
- 環境互動設計,如何處理掩體的放置?
- 環境互動:通過空間劃分的關卡設計
- Flutter學習之佈局、互動、動畫Flutter動畫
- Flutter 佈局真經Flutter
- 細數《Sizeable》中場景互動的夢境靈感
- 一文學會Java的互動式程式設計環境jshellJava程式設計JS
- GPU精粹與Shader程式設計(四):真實感渲染GPU程式設計
- 如何在互動式環境中執行Python程式Python
- [譯]在 Flutter 中如何設計線性佈局?Flutter
- Flutter第5天--佈局例項+操作互動Flutter
- 讓環境適應人類:百度展示AI時代的互動設計AI
- 如何在 Nuxt 中動態設定頁面佈局UX
- 環境藝術設計 環境藝術設計課程 招聘
- 真實業務環境-需求分析思路(二)
- 真實業務環境-需求分析思路(一)
- 使用 CSS columns 佈局來實現自動分組佈局CSS
- 浮動佈局 和 flex佈局Flex
- css佈局-實現左中右佈局的5種方式CSS
- 【附案例】UI互動設計不會做?設計大神帶你開啟動效靈感之路UI
- java程式設計環境Java程式設計
- Android佈局中動態新增ImageView並設定間隔AndroidView
- 實現人物簡單高效互動七朋元視界互動式三維虛擬環境
- 關於把豎向單個佈局在鴻蒙等摺疊手機屏中顯示成雙向佈局鴻蒙
- 6款實用的Python程式設計環境!Python程式設計
- unix環境高階程式設計(中)-程式篇程式設計
- iOS UICollectionView 橫向分頁佈局iOSUIView
- 沉浸式遊戲互動設計(上):心流體驗和沉浸感遊戲
- InDesign 2022 Id頁面佈局設計
- Rust 程式設計:記憶體佈局Rust程式設計記憶體
- 打造一個好用的 Windows 程式設計環境 2.程式設計環境Windows程式設計
- 移動佈局基礎之 流式佈局
- 自動設定autotrace環境
- React無門檻實現拖拽佈局、表單設計器React
- 互動設計法則
- 這是一篇很好的互動式文章,Framer Motion 佈局動畫動畫
- SAP Spartacus Page Layout - 頁面佈局設計