Level Design | Blockout Material

更新於 發佈於 閱讀時間約 4 分鐘

前言

  這篇文章將會講述 Blockout 的介紹和適合的材質。

Level Design | 關卡設計

  關於關卡設計,之前有寫過幾篇文章。

概論

《Level Design | 關卡設計概論》

平面工具

《Level Design | 如何使用 Excel 進行關卡設計》

空間工具

《Level Design | Unity 3D Tool -Probuilder》

《Level Design | Probuilder new shape(上)》

《Level Design | Probuilder new shape(下)》

Blockout | 用方塊快速拉出關卡設計

  關卡設計是企劃領域的一片知識區,而 Blockout 相當重要,是指設計師快速用幾何方塊搭建場景的一種方式,在 Twitter 中搜尋 「blockout」就可以找到最近的設計文章。

幾何方塊 | 方便修改關卡設計

  先用方塊搭建場景,用簡易的程式在場景中跑動,關卡設計師就能藉此測試許多遊戲機制和可玩性的測試項目,譬如說跑關時間、流程方向等等,也因為是簡單幾何方塊搭建出來的場景,所以要修改也比較沒有負擔。

快速製作 | 大量測試不同特性

  在短時間內製作出場景是其中的核心,除了能夠快速測試以外,還能製作出許多不同種類的場景,測試不同的方案,挑戰每一種核心機制的舞台,讓遊戲在方塊階段就好玩,快速製作並多加嘗試是核心的重點。

距離測量 | 建立真實世界

  很多人認為長大用不到數學,但至少在遊戲業數學很重要,不是那種高深的數學運算,而是玩家跳躍可以跳多高、跑步可以跑多快這種數字。

  像是玩家要攀爬幾層樓達到頂層拿道具,一層樓有多高,這些距離規劃出來,這個世界其實就會有規則蘊涵在內,在某種程度上就真實了不少,也能設計一些特殊的數字規劃來達成有趣的設計。

Grid Prototype Materials | 距離測量工具

  接下來以介紹我目前使用的關卡設計工具材質包,順便分享看到的有趣材質包,用於 Blockout 的素材。

《Minimalist Scalable Grid Prototype Materials》

《Blockout》

raw-image

顏色 | 不同功能的分類

  在色彩學中,每一種顏色對應不同的象徵和性格外,它們還有很強的辨識度可以運用,使用不同的顏色進行特性分類,能很好的協助遊戲進行設計,這些顏色不是為了美觀,而是為了分辨。

格線 | 距離測量和空間概念

  如果只有簡單的純白方塊,那對於高度和寬度的感受並不會很明確,當套上了方格材質,那對於寬度大小就有精確的概念,設計師也能跟其他人說,我想要有五格遠的射程,而不是用手去比劃。

調整 | 材質要訂定統一的規則

raw-image

  在每一個 Material 的下面,都有一個名為「Tiling」 的設定,這是用於設定貼圖重複的次數,詳細自己碰碰看就很清楚了。

raw-image

  如果要調整新的 Tiling 值,可以到 Material 右上角的更多資訊圖標,點開後可以看到有很多選項,點擊其中的 「Create Material Preset」就可以創造一個新的材質球,避免不同設定的材質求混用。

後記

  這篇文章本來我是想撰寫 Tiling 相關的知識,不過後來撰寫著,就變成關卡設計用 Blockout 的重點了,這樣也不錯。

瓶裝雪

想了解我更多嗎?

留言
avatar-img
留言分享你的想法!
avatar-img
瓶裝雪的沙龍
109會員
247內容數
對設計師如何成長為設計師好奇嗎? 2020年九月,我進入大學學習當一位設計師,從開始到沉寂,再到重燃熱忱,我將在方格子紀錄我的成長歷程、理念、心情,分享我在這段旅程中所經歷的故事。
瓶裝雪的沙龍的其他內容
2024/09/22
魔火術師是第三人稱動作射擊遊戲,屬於專題畢業製作,在畢業組成新的團隊後優化並上架。
Thumbnail
2024/09/22
魔火術師是第三人稱動作射擊遊戲,屬於專題畢業製作,在畢業組成新的團隊後優化並上架。
Thumbnail
2024/01/26
這篇文章將會講述虛擬(virtual)與覆蓋(override)的簡易使用方式。
Thumbnail
2024/01/26
這篇文章將會講述虛擬(virtual)與覆蓋(override)的簡易使用方式。
Thumbnail
2023/12/29
講述遊戲設計從新手到專業的發展方向。
Thumbnail
2023/12/29
講述遊戲設計從新手到專業的發展方向。
Thumbnail
看更多
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
這篇文章將會從基本概述到射線偵測應用的詳細步驟,講述運用射線改變特定圖層中,射線命中的物件顏色。
Thumbnail
這篇文章將會從基本概述到射線偵測應用的詳細步驟,講述運用射線改變特定圖層中,射線命中的物件顏色。
Thumbnail
這篇文章將會講述 Unity Visual Effect Graph 的系統簡介,並且簡單介紹這項系統主線上的四個核心組件。
Thumbnail
這篇文章將會講述 Unity Visual Effect Graph 的系統簡介,並且簡單介紹這項系統主線上的四個核心組件。
Thumbnail
這篇文章將會講述 Blockout 的介紹和適合的材質。
Thumbnail
這篇文章將會講述 Blockout 的介紹和適合的材質。
Thumbnail
Multi-level meshing 在Icepak當中扮演的是捕捉幾何輪廓的功能,一般來說如果幾何形狀不複雜,就是些圓形和方形的原件,啟用後也沒有變化是有可能的。 因為幾何太簡單,並沒有用到Curvature function 或是 Proximity function.
Thumbnail
Multi-level meshing 在Icepak當中扮演的是捕捉幾何輪廓的功能,一般來說如果幾何形狀不複雜,就是些圓形和方形的原件,啟用後也沒有變化是有可能的。 因為幾何太簡單,並沒有用到Curvature function 或是 Proximity function.
Thumbnail
建模 (Modeling) 畫細不難,難在用最經濟的方式達成 "雖不中亦不遠矣"。 網格 (Meshing) 任憑你列式再怎麼漂亮,解不出來就是白搭。 求解 (iterating) 能收斂都好說,不能收斂就是痛苦的開始
Thumbnail
建模 (Modeling) 畫細不難,難在用最經濟的方式達成 "雖不中亦不遠矣"。 網格 (Meshing) 任憑你列式再怎麼漂亮,解不出來就是白搭。 求解 (iterating) 能收斂都好說,不能收斂就是痛苦的開始
Thumbnail
設計師不若科學家,多是感性的,除非必要否則是不太講科學與數字的,但常有一把尺在自己心中,他們多會如此描述他們想要的。。。。 "比黃色再多明亮些,要比百分之50的灰再暗一些"混成的黃色。 20220816記
Thumbnail
設計師不若科學家,多是感性的,除非必要否則是不太講科學與數字的,但常有一把尺在自己心中,他們多會如此描述他們想要的。。。。 "比黃色再多明亮些,要比百分之50的灰再暗一些"混成的黃色。 20220816記
Thumbnail
本文使用LibreCAD繪製太極圖,以格點的方式繪圖,並加入修剪及剖面線的功能教學。
Thumbnail
本文使用LibreCAD繪製太極圖,以格點的方式繪圖,並加入修剪及剖面線的功能教學。
Thumbnail
「圖解」是一項很有魅力的技能,夠將複雜的資訊濃縮在一張圖上說清楚。這篇文章寫給需要處理複雜問題的人,內容摘要於一位工程師分享「為自己的程式碼做圖解的經驗」,看完後你可以學習圖解的 3 個大概念 — 區分、連結、描述關係,將腦中複雜的問題與邏輯架構,透過圖解表達出來。
Thumbnail
「圖解」是一項很有魅力的技能,夠將複雜的資訊濃縮在一張圖上說清楚。這篇文章寫給需要處理複雜問題的人,內容摘要於一位工程師分享「為自己的程式碼做圖解的經驗」,看完後你可以學習圖解的 3 個大概念 — 區分、連結、描述關係,將腦中複雜的問題與邏輯架構,透過圖解表達出來。
Thumbnail
這是上Krenz老師的透視課第三堂筆記。 這堂課的重點是「旋轉」。
Thumbnail
這是上Krenz老師的透視課第三堂筆記。 這堂課的重點是「旋轉」。
Thumbnail
在Unity中,Gizmos是製作輔助線的函式,用於繪製物理設線視覺化、協助重疊物件點擊、紀錄物件移動路徑等等,用途將相當廣泛,算是非必要的輔助程式,用於輔助遊戲製作。
Thumbnail
在Unity中,Gizmos是製作輔助線的函式,用於繪製物理設線視覺化、協助重疊物件點擊、紀錄物件移動路徑等等,用途將相當廣泛,算是非必要的輔助程式,用於輔助遊戲製作。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News