林亞澤的開發日誌 · 2026年10月13日
正式地圖開工前：先用色塊確認 RPG 的遮擋層次
正式地圖開工前：先用色塊確認 RPG 的遮擋層次
正式地圖開工前：先用色塊確認 RPG 的遮擋層次
從《仙泉．香布纏．續》、《王子姬》和《十一分鐘》的實作，分享 RPG 地圖繪製前檢查角色與物件遮擋層次的小技巧。
角色走到桌子後面時，桌面應該遮住身體的一部分；走到桌子前面時，角色就要完整地出現在桌子上方。牆、欄杆、樹和高櫃也有相同的前後關係。這種角色與場景物件依照位置互相遮擋的效果，會讓 RPG 地圖看起來像一個可以走進去的空間。
延續之前的作品分享，這篇記下一個 RPG 地圖製作時用到的小技巧：正式繪圖前，先用色塊標出物件佔地與透明圖框，再把測試角色逐一放進可能重疊的位置，確認前後層次。我把這個方法用在《仙泉．香布纏．續》、《王子姬》和《十一分鐘》的地圖製作，也和 AI 對著同一張色塊圖檢查動線、碰撞與遮擋；確認後才開始製作正式場景。
本文的色塊圖依三個專案目前的地圖設計重新輸出，角色探針按現有物件座標重畫，呈現逐點放入角色確認遮擋的方法；每個圖示代表不同回合的一個測試站位。合成時也依實際排序列放置物件色塊：斜紋遮罩蓋住物件後方的角色，站在排序列前方的角色則顯示在色塊上層。實際畫面於 2026 年 10 月 13 日從各作品目前的 Larch 本機預覽重新擷取，並將角色放到與色塊圖相同的測試格；《十一分鐘》的測試副本略過開場自動劇情，地圖素材與分層設定維持原樣。
先分清楚「站在哪裡」和「畫到哪裡」
每件家具或場景物件先記兩種範圍：
- 佔地格（foot）：物件實際接觸地面的範圍，通常負責擋住角色通行。
- 往上延伸的圖框（up）：樹冠、牆身、屋簷或桌面往上伸出的畫面。角色可以走進這一段，之後由排序決定角色會被遮住或顯示在前面。
例如，一面高牆可能只占一列地面格，牆身卻往上延伸好幾格。角色站在牆的北側時，牆身會蓋住角色；走到牆南側時，角色會畫在牆的前面。圖框裡超出佔地的部分保留透明，牆後的地面和人物才能透出來。
我使用的分層規則會用物件圖框最下方的排序列，和角色目前站立的列比較。物件圖框的下緣對齊佔地最南側；角色站在它北邊時，物件在角色前方，角色站在它南邊時，角色在物件前方。這讓角色可以從同一件家具旁邊走過，也可以走到它的前面或後面。
先把地圖畫成色塊
色塊圖用來檢查座標與空間關係；正式地面美術會在確認後再製作。每個物件依類型使用不同顏色，格線標出座標；圖框外框表示透明圖片會占到的畫面範圍，紅線標出排序列，黃色點標出原本的角色起點、走路點或互動位置。這次補上的小角色則是分層測試探針：藍色標在物件後方，橘色標在前方，紫色標在側邊，綠色標在門洞或可穿入處。斜紋色塊會依排序蓋住後方角色；角色越過排序列到前方後，則會完整顯示在色塊上層。圖上的每一個小角色代表一個測試站位，實際確認時會逐一移動角色，不是讓所有角色同時留在地圖上。
佔地與圖片範圍分開顯示後，就能看出「角色可以走進圖框，卻不能穿過家具底座」這種細節。角色探針是為了查看排序而暫時放置；如果站在牆後或阻擋格，只代表測試渲染，不代表正式地圖會開放那一格通行。實際能走的位置仍由佔地與碰撞設定決定。
這階段我會先確認幾件事：
- 家具佔地有沒有互相重疊，或超出地圖邊界。
- 從起點到互動位置有沒有走得通，門洞是否保留可通行格。
- 角色站在物件前、後與旁邊時，遮擋順序是否符合畫面預期。
- 物件往上延伸的透明圖框會不會蓋到不相關的角色或家具。
我會把角色探針逐一放進每個可能互相遮擋的位置，通常在物件前後各放一次；若物件往側邊延伸、角色能穿過門洞或走進透明圖框，也會另外安排側邊、門洞或框內的位置。這樣可以逐件檢查排序，而不是只在地圖中央挑幾處試走。角色在前後移動時，圖層排序能直接看出來；透明圖框的高度或排序列有偏差，也會在這時候出現。用色塊與測試角色確認後，再把同一份設計交給正式地圖素材使用。
三款作品使用同一個方法
《仙泉．香布纏．續》：先確認魏家門口的門檻和院子走位
目前的 A4「五原．魏家門口」地圖，把門檻、屋前的柴架、罈子、木桶、長架與水缸，以及院子裡的木樁、劈好的柴、竹簍、柴捆、老樹和對面屋頂分開標示。色塊階段先確認門口與院子的動線，再用逐點角色檢查每件物件的前後遮擋。
色塊規劃：按目前 A4 物件配置標出 35 個測試站位；斜紋色塊蓋住後方角色，未被遮住的角色在前方。角色要逐一放進各處檢查，圖上的多個位置不代表同時出現。
木樁是這組實機對照的物件。色塊圖上的後側探針在 (12,9)，前側探針在 (12,12)。角色從木樁北側出發，下半身被木樁遮住；沿右側繞到南側後，角色完整顯示。這條路線繞過木樁，沒有穿過佔地格。
後側探針 (12,9)
前側探針 (12,12)
短片：角色從 (12,9) 出發，沿木樁右側繞到 (12,12)，可以看到站位改變時的遮擋效果。
《王子姬》：把育嬰室的家具和王城廣場拆成圖層
育嬰室與王城廣場都採用細格設計。地面是底圖，家具或噴水池等物件則各自使用透明圖片；角色沿著佔地格行走，排序依照角色與物件所在的列調整。這種切分讓角色走到沙發、欄杆或噴水池前後時，能呈現合適的遮擋。
色塊規劃：20 件物件各有前後測試角色，共標出 40 個探針位置；斜紋遮住物件後方的角色，橘色站位顯示角色在物件前方。
噴水池的後側探針在 (24,14)，前側探針在 (24,19)。角色在後側時完全藏在池身後；走到池南側後，角色出現在底座前方。
後側探針 (24,14)
前側探針 (24,19)
短片：角色從 (24,14) 繞過噴水池東側，走到南側測試格 (24,19)。
《十一分鐘》：把辦公室的桌面、隔間和門洞拆開
《十一分鐘》的十九樓網管中心把工位、隔間牆、茶水間和主任辦公室放進同一張 RPG 地圖。工位桌面和螢幕往上延伸，角色走到桌子後面時會被桌面遮住；主任室與樓梯門則在佔地格裡留出門洞。盆栽葉片可以把圖片範圍往側邊延伸，碰撞仍依照地面佔地處理。
色塊規劃：把牆柱的獨立排序段也列入後，共標出 92 個前後、側邊與門洞測試站位；斜紋色塊會依排序列遮住後方角色，逐點移動時可以確認角色走到前方後會重新顯示。
工位 A2 的後側探針在 (17,7)，前側探針在 (17,10)。角色從螢幕後方出發，身體被工位遮住；繞到工位南側後，角色完整顯示在桌面前方。
後側探針 (17,7)
前側探針 (17,10)
短片：角色從 (17,7) 沿工位右側繞到 (17,10)；這份本機預覽略過開場自動劇情，只保留目前的地圖素材與物件分層。
色塊確認後，才製作正式場景
位置和排序確認後，再製作乾淨的地面底圖，以及各自去背的物件圖片。正式圖片保留透明背景，物件以獨立圖層放回地圖；碰撞仍沿用色塊設計中的佔地格與門洞。完成後再回到遊戲裡走一遍，確認人物從物件前後經過時的畫面。
地面圖是給 AI 的構圖參考，座標仍以格線設計為準。生成模型可能自行調整草坪、步道或家具位置，所以正式地面完成後，我會再和色塊圖比對，發現位置偏移就調整地圖或物件擺放。把這一步留在生成前後的檢查裡，能避免等整張地圖畫好才發現路線和遮擋需要重做。
整個流程可以記成四步：
- 用格線標出地面區域、物件佔地和互動點。
- 為物件補上往上延伸的透明圖框與排序列。
- 放入模擬角色，檢查前、後、側邊和門洞的站位。
- 確認色塊圖後製作正式素材，回到遊戲畫面完成最後檢查。
色塊確認在美術製作以前完成，讓角色動線、遮擋位置與地圖圖層的用途都能先被看見。
目前可直接遊玩的作品：《王子姬 Prince Hime》 · 《十一分鐘》。
林亞澤的其他文章
- 《十一分鐘》公開站
《十一分鐘》是我投稿 Larch 第三屆創作者挑戰《自由與限制》的第二部作品（第一部是《起跑總在開始前》），現在在 Larch 市集上可以玩了，另外也做了一個公開站：
- 《起跑總在開始前》公開站
《起跑總在開始前》是我投稿 Larch 第三屆創作者挑戰《自由與限制》的作品，現在在 Larch 市集上可以玩了，另外也做了一個公開站：
- 《仙泉．香布纏》公開站
《仙泉．香布纏》除了在 Larch 市集上玩，現在也有一個公開站：