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
瓶裝雪的沙龍
111會員
247內容數
你好,我是瓶裝雪!我是一名遊戲設計師!
瓶裝雪的沙龍的其他內容
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
家中修繕或裝潢想要找各種小零件時,直接上網採買可以省去不少煩惱~看看Sylvia這回為了工地買了些什麼吧~
Thumbnail
家中修繕或裝潢想要找各種小零件時,直接上網採買可以省去不少煩惱~看看Sylvia這回為了工地買了些什麼吧~
Thumbnail
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
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老師的透視課第三堂筆記。 這堂課的重點是「旋轉」。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News