🧾
技術規格和決策訊號
在運行法線貼圖產生器之前，使用這些規範來驗證工作流程適合性、隱私邊界和輸出期望。
成本
免費的工作流程，核心使用無需註冊。
安全性
所有處理都在瀏覽器中運行 - 圖像永遠不會離開您的裝置。
裝置
支援現代桌面和行動瀏覽器。
技術規格
輸入：PNG、JPG、WebP。輸出：PNG，單獨或作為 ZIP。貼圖：法線、環境光遮蔽、粗糙度、金屬、高度。源自來源影像，而不是從網格幾何體烘焙。
遊戲新增
法線貼圖產生器
使用 OpenGL 和 DirectX 綠色通道控制，從高度影像產生切線空間法線、環境光遮擋、粗糙度、金屬和高度圖。
了解您的工作流程
支援的文件和 如何使用。
檢查支援的輸入和輸出詳細資訊，並在匯出前按照工具步驟操作。
🧭
如何使用
檢查支援的輸入和輸出詳細資訊，並在匯出前按照工具步驟操作。
01
選取一張高度圖（灰階高度圖能產生最佳效果）。
02
勾選您需要的貼圖：法线、環境光遮蔽 (AO)、粗糙度、金屬度、高度（位移）或高光。
03
設定法線強度與邊緣濾波器（Sobel、Scharr 或 Prewitt），針對 DirectX 引擎翻轉綠色通道，並使用「細節」設定模糊雜訊或銳化浮雕。
04
點擊「產生貼圖」，然後切換至 3D 在球體、立方體或平面上檢視受光效果，或以 3 × 3 平鋪預覽。
05
下載單張貼圖或全部打包為 ZIP 下載。
指導
學習、決定、 併申請。
了解如何使用 如何在瀏覽器中從高度圖像產生法線貼圖、為什麼它在重複工作流程中很重要，以及何時自信地使用此工具。
✨
瀏覽器內法線和 PBR 貼圖生成
- 完全在您的瀏覽器中運行 - 圖像永遠不會離開您的裝置。
- 索貝爾梯度法線具有可調節強度和邊緣包裹的可平鋪源。
- 一流的 OpenGL/DirectX 綠色通道控制，不是隱藏的預設值。
- 一次從一個來源產生五種地圖類型。
- 說明顏色來源何時轉換為亮度，而不是假設您知道。
- 誠實地對待邊界：源自圖像，而不是從幾何圖形中烘焙。
🎯
從單一高度影像匯出 PBR 紋理貼圖
- 將高度或凹凸影像轉換為可用的切線空間法線貼圖。
- 匯出環境光遮擋貼圖以獲得額外的表面深度。
- 從單一灰階來源產生粗糙度和金屬貼圖。
- 在 OpenGL 和 DirectX 約定之間轉換法線貼圖。
- 從一個來源影像建立完整的 PBR 地圖集，無需安裝軟體。
關於
關於 法線貼圖產生器
如何在瀏覽器中從高度圖像產生法線貼圖瀏覽器內法線和 PBR 貼圖生成從單一高度影像匯出 PBR 紋理貼圖
法線貼圖，有明確的約定
法線源自光源亮度的 Sobel 梯度，具有可調節強度和可選的可平鋪光源的邊緣環繞。
OpenGL 期望 +Y 向上，DirectX 期望 +Y 向下。為錯誤的地圖創作的地圖似乎從錯誤的一側照亮 - 這是最常見的法線貼圖投訴 - 因此綠色通道切換在這裡是一流的控件，而不是隱藏的預設值。
遮擋、粗糙度、金屬度和高度一次完成
透過對每個像素的方向環進行採樣並測量周圍環境高於其的程度，可以根據高度場來近似環境遮蔽。這是一個近似值，而不是光線追蹤烘焙，而且它是這樣標記的。
粗糙度、金屬度和高度是來源亮度的重新映射級別，每個級別都有自己的最小值、最大值、對比度和反轉控制。
知道你会得到什么
這些貼圖源自 2D 影像，而不是由網格幾何體烘焙而成。這裡產生的法線貼圖對高度影像的梯度進行編碼；它不是從高到低的多邊形烘焙，而且該工具也沒有聲稱自己是這樣的。
如果您提供彩色影像，它會首先轉換為亮度，並且該工具是這樣說的 - 將反照率圖輸入基於高度的生成器是一個常見的錯誤，僅輸出並不明顯。
我的圖片會上傳到伺服器嗎？
不會。貼圖產生完全在您的瀏覽器本機執行，絕不會向伺服器傳送任何內容。
這是一個高模到低模的烘焙嗎？
不是。這些貼圖是從您提供的圖片計算產生的，而非由網格幾何體烘焙而來。這裡的法線貼圖編碼了高度圖片的梯度。
為什麼我的法線貼圖看起來受光方向不對？
OpenGL 預設 +Y 朝上，而 DirectX 預設 +Y 朝下。使用「翻轉綠色通道」切換規範。
我可以使用彩色圖片嗎？
可以，但它會先轉換為亮度資料，工具會對此發出提示 —— 將反照率 (albedo) 貼圖誤輸入至基於高度的產生器是常見錯誤。
環境光遮蔽 (AO) 是光線追蹤產生的嗎？
不是。它是基於高度場的估算，而非基於幾何體的光追烘焙。
我可以一次產生多張貼圖嗎？
可以。選取法線、AO、粗糙度、金屬度與高度的任意組合，可個別下載或打包為 ZIP。
我可以在 3D 幾何體上檢視貼圖嗎？
可以。製作貼圖後，將預覽切換至 3D 即可在受光的球體、立方體或平面上同時檢視它們，最多可重複平鋪 4 × 4，並可環繞其旋轉檢視。
我應該使用哪種邊緣濾波器？
Sobel 適合大多數圖片。Scharr 對細微對角線細節捕捉更精確；Prewitt 更柔和且對雜訊較不敏感。三者的強度概念相同。