Rendering.6 Bumpiness

1.Bump Mapping (범프 매핑)

텍스처를 사용하여 복잡한 색상 패턴을 가진 머티리얼을 생성 할 수 있다.

단일 mesh의 하나의 표면은 항상 매끄럽다. 법선벡터 3개를 이용하여 보간하기 때문이다. 거칠거나 다양한 표면을 표현할 수 없다.

예를 들기 위해 Quad를 만들것이다.

씬에 Quad하나를 추가하고 X 축을 중심으로 90 ° 회전하여 위쪽을 향하게 만들어보자.

질감이없고 완전히 흰색의 lighting을 사용하면된다.

완전히 평평한 상태의 Quad.

기본 sky box는 매우 밝기 때문에 다른 조명의 영향을보기가 어렵다. 이 기능은 해제하도록 한다.

조명 설정에서 Ambient Intensity 를 0 으로 낮추면 된다. 그런 다음 주 방향 지시등 만 활성화하고. 씬 뷰에서 시점변경을 통해 차이를 느끼게 만들어보자.

주 방향 조명만 있는 상태의 Quad.

텍스처에 음영을 베이킹하여 거칠기를 베이킹을 통해 만들 수 있지만 정적인 표현이라 실시간으로 바뀌지 않는다. 정반사의 경우 카메라조차 움직일 수 없다.

위 Quad에는 4개의 법선이 있고 꼭지점마다 있다. 다양하고 거친 표면을 위해선 더 많은 법선이 필요하다.

Quad를 더 작게 세분화 할 수있고 많은 법선을 이용해 움직이고 활용하여 거친표면을 만들 수 있다. 하지만 이것은 연산이 많이 필요하여 실시간계산이 어려워 적합하지 않다.

1.1 Height maps (높이 맵)

거친 표면은 평평한 표면과 비교할 때 고르지않는 높이를가진다. 이 높이 데이터를 텍스처에 저장하면 정점대신 fragment당 법선 벡터를 생성 할 수 있다. 이 방법은 범프 매핑으로 알려져 있으며 James Blinn이 처음 공식화했다.

대리석 질감과 같이쓰이는 높이map이 있다. 각 채널이 동일한 값으로 설정된 RGB 텍스처이다. 기본 가져오기 설정으로 프로젝트로 가져올수 있다.

Height map for marble.

My First Lighting Shader에_HeightMap 텍스처 속성을 추가합시다.

텍스처와 동일한 UV를 사용하기 때문에 자체 스케일 및 오프셋 매개 변수가 필요하지 않다.

Properties { _Tint ("Tint", Color) = (1, 1, 1, 1) _MainTex ("Albedo", 2D) = "white" {} [NoScaleOffset] _HeightMap ("Heights", 2D) = "gray" {} [Gamma] _Metallic ("Metallic", Range(0, 1)) = 0 _Smoothness ("Smoothness", Range(0, 1)) = 0.1 }

Material with height map.

일치하는 변수를 lighting 포함 파일에 추가하면 텍스처에 액세스 할 수 있다.

float4 _Tint; sampler2D _MainTex; float4 _MainTex_ST; sampler2D _HeightMap; … float4 MyFragmentProgram (Interpolators i) : SV_TARGET { i.normal = normalize(i.normal); float3 viewDir = normalize(_WorldSpaceCameraPos - i.worldPos); float3 albedo = tex2D(_MainTex, i.uv).rgb * _Tint.rgb; albedo *= tex2D(_HeightMap, i.uv); … }

Using heights as colors.

1.2 Adjusting Normals (법선 조정)

조각의 법선이 더 복잡해지기 때문에 초기화를 별도의 함수로 옮겨 보자. 그리고 height map 테스트 코드를 제거하자.

void InitializeFragmentNormal(inout Interpolators i) { i.normal = normalize(i.normal); }float4 MyFragmentProgram (Interpolators i) : SV_TARGET { InitializeFragmentNormal(i); float3 viewDir = normalize(_WorldSpaceCameraPos - i.worldPos); float3 albedo = tex2D(_MainTex, i.uv).rgb * _Tint.rgb; // albedo *= tex2D(_HeightMap, i.uv); … }

현재 XZ 평면에있는 Quad로 작업하기 때문에 법선 벡터는 항상 (0, 1, 0)이다. 따라서 정점 데이터를 무시하고 상수를 사용할 수 있다. 일단 이렇게하고 나중에 다른 방향에 대해 생각해보자.

void InitializeFragmentNormal(inout Interpolators i) { i.normal = float3(0, 1, 0); i.normal = normalize(i.normal); }

이 높이 데이터는 정규화하기 전에 높이를 표준의 Y 구성 요소로 사용하면 포함시킬수 있다.

void InitializeFragmentNormal(inout Interpolators i) { float h = tex2D(_HeightMap, i.uv); i.normal = float3(0, h, 0); i.normal = normalize(i.normal); }

높이를 법선으로 사용.

정규화는 모든 벡터를 다시 (0, 1, 0)로 변환하기 때문에 작동하지 않는다. 이 경우 검은 색 선은 높이가 0 인 위치에 나타나므로 다른 방법이 필요하다.

1.3 Finite Difference (유한 차이)

텍스처 데이터로 작업하기 때문에 2 차원 데이터인 U와 V 를 사용한다. 높이는 3 차원으로 올라가는 것으로 상상할 수 있다. 텍스처가 함수

. 로 축소된다 . 이 함수를 이용해 법선 벡터를 구할수있다. 함수의 기울기로 어느 지점에서든지 법선을 계산할 수 있다. 기울기는 h 의 변화율로 정의된다 . 그리고 함수의 값은 미분 함수처럼 다음과 같이 표기한다.

이 값을 정확히 알지는 못하지만 근사값을 얻을수 있다. 우리는 텍스처의 두 지점에서 높이를 비교할 수 있다. 예를 들어 극단 끝에 U 좌표 0과 1을 사용한다. 두 샘플 간의 차이는 해당 좌표 간의 변경 비율이다. 함수로 표현하면

이고, 우리는 접선 벡터를 구성하기 위해 다음을 사용한다.

.

..

그것은 실제 접선 벡터의 매우 조잡한 근사값이다. 전체 텍스처를 선형 슬로프로 처리한다. 더 가깝게있는 두 점을 샘플링하면 더 잘 수행 할 수 있다. 예를 들어 U 좌표는 0과 1/2이다. 이 두 점 사이의 변화율 은 s

,절반당 U 단위이다. 전체 단위당 변화율을 다루는 것이 더 쉽기 때문에, 점들 사이의 거리로 나누면

접선벡터가 나온다.

.

일반적으로 렌더링 할 모든 조각의 U 좌표를 기준으로이 작업을 수행해야한다. 다음 점까지의 거리는 상수 델타에 의해 정의된다. 따라서 미분 함수에 의해 근사화 된다.

.

δ가 작을수록 실제 미분 함수에 가까워진다. 물론이 0이 될 수는 없지만, 그 이론적 인 한계에 가지고 갈 때, 당신이 얻을 다음 방법은

미분을 근사하는이 방법을 유한 차분 방법이라고한다. 즉, 우리는 임의의 지점에서의 접선 벡터를 생성 할 수

.

1.4 From Tangent to Normal (접선의 노말)

셰이더의 δ에 어떤 값을 사용할 수 있을까? 가장 작은 감각적 인 차이는 텍스처의 단일 텍셀을 포함한다. 우리는 float4 변수를 통해 셰이더에서이 정보를 검색 할 수 있다.

_TexelSize. Unity는 변수와 비슷한 변수를 설정 _ST 한다.

sampler2D _HeightMap; float4 _HeightMap_TexelSize;

_TexelSize 변수에 무엇이 저장되어 있을까?

이제 텍스쳐를 두 번 샘플링하고, 높이 미분을 계산하고, 접선 벡터를 구성 할 수 있다. 이것으로 우리의 법선 벡터로 직접 사용할수있다.

float2 delta = float2(_HeightMap_TexelSize.x, 0); float h1 = tex2D(_HeightMap, i.uv); float h2 = tex2D(_HeightMap, i.uv + delta); i.normal = float3(1, (h2 - h1) / delta.x, 0); i.normal = normalize(i.normal);

실제로, 우리는 어쨌든 정규화를하기 때문에 접선 벡터를 δ만큼 스케일 할 수 있다. 이것은 분할을 제거하고 정밀도를 향상시킨다.

i.normal = float3(delta.x, h2 - h1, 0);

접선을 법선으로 사용.

우리는 확연한 결과를 얻을수 있다. 높이가 한 단위의 범위를 가지기 때문에 아주 가파른 경사가 생기기 때문이다. 교란 된 법선이 실제로 표면을 변경하지 않기 때문에 이러한 큰 차이점을 원하지 않는다. 우리는 임의의 요인으로 높이를 조절할 수 있다. 범위를 단일 텍셀로 줄이자. 우리는 높이 차이를 δ로 곱하거나 단순히 탄젠트에서 1을 δ로 대체함으로써이를 수행 할 수 있다.

i.normal = float3(1, h2 - h1, 0);

스케일 된 높이.

이것은보기 좋게 보이기 시작했지만 조명이 잘못되었다. 그것은 너무 어둡다. 왜냐하면 우리는 접선을 법선으로 직접 사용하기 때문이다. 상향 법선 벡터로 바꾸려면 접선을 Z 축 주위로 90도 회전해야한다.

i.normal = float3(h1 - h2, 1, 0);

실제 법선을 사용.

1.5 Central Difference (중심 차이)

우리는 법선 벡터를 만들기 위해 유한 차분 근사법을 사용했다. 특히, 순방향 차이 법을 사용한다. 우리는 한 점을 취해 기울기를 결정하기 위해 한 방향으로 본다. 결과적으로 법선은 그 방향으로 편향된다. 법선의 더 나은 근사를 얻기 위해, 우리는 대신 양방향으로 샘플 포인트를 오프셋 할 수 있다. 이는 현재 점에 대한 선형 근사를 중심으로하며 중앙 차분 법으로 알려져 있다. 이것은 파생 함수를 다음과 같이 표현한다.

.

float2 delta = float2(_HeightMap_TexelSize.x * 0.5, 0); float h1 = tex2D(_HeightMap, i.uv - delta); float h2 = tex2D(_HeightMap, i.uv + delta); i.normal = float3(h1 - h2, 1, 0);

이것은 범프를 약간 이동 시키므로 높이 필드와보다 잘 정렬된다. 게다가 그 모양은 변하지 않는다.

1.6 Using Both Dimensions (두차원 모두 사용)

.

그것은

사용하여 V를 따라 법선을 생성 할 수도 있다 .

그 경우, 접선 벡터이다

및 법선 벡터는

.

이다.

float2 du = float2(_HeightMap_TexelSize.x * 0.5, 0); float u1 = tex2D(_HeightMap, i.uv - du); float u2 = tex2D(_HeightMap, i.uv + du); i.normal = float3(u1 - u2, 1, 0); float2 dv = float2(0, _HeightMap_TexelSize.y * 0.5); float v1 = tex2D(_HeightMap, i.uv - dv); float v2 = tex2D(_HeightMap, i.uv + dv); i.normal = float3(0, 1, v1 - v2); i.normal = normalize(i.normal);

V 에 따른 법선들.

이제 U와 V 접선에 액세스 할 수 있다. 함께이 벡터들은 우리 조각에서 높이 필드의 표면을 묘사한다. 교차 곱을 계산하여 2D 높이 필드의 법선 벡터를 찾는다.

float2 du = float2(_HeightMap_TexelSize.x * 0.5, 0); float u1 = tex2D(_HeightMap, i.uv - du); float u2 = tex2D(_HeightMap, i.uv + du); float3 tu = float3(1, u2 - u1, 0); float2 dv = float2(0, _HeightMap_TexelSize.y * 0.5); float v1 = tex2D(_HeightMap, i.uv - dv); float v2 = tex2D(_HeightMap, i.uv + dv); float3 tv = float3(0, v2 - v1, 1); i.normal = cross(tv, tu); i.normal = normalize(i.normal);

완전한 법선.

당신이 접선 벡터와 외적을 계산하면, 법선을 볼수있다.

높이에서 법선 생성.

가져 오기 설정을 적용한 후 Unity는 법선 맵을 계산한다. 원래의 높이 맵은 여전히 ​​존재하지만 Unity는 내부적으로 생성 된 맵을 사용한다.

법선을 색상으로 시각화 할 때와 마찬가지로 0-1 범위에 맞게 조정해야한다. 그래서 그들은

. 을 구할수 있다.

i.normal = tex2D(_NormalMap, i.uv).xyz * 2 - 1;

또한 Y와 Z를 바꿔야한다.

i.normal = tex2D(_NormalMap, i.uv).xyz * 2 - 1; i.normal = i.normal.xzy;

노멀 맵 사용.

2. DXT5nm

확실히 우리의 법선에 문제가 있다. Unity가 우리가 예상했던 것과 다른 방식으로 법선을 인코딩하기 시작했기 때문이다. 텍스쳐 프리뷰가 RGB 인코딩을 보여 주더라도, Unity는 실제로 DXT5nm을 사용한다.

DXT5nm 형식은 법선의 X 및 Y 구성 요소 만 저장한다. 그 Z 구성 요소는 버려진다. Y 구성 요소는 예상대로 G 채널에 저장된다. 그러나 X 구성 요소는 A 채널에 저장된다. R 및 B 채널은 사용되지 않는다.

따라서 DXT5nm을 사용할 때 우리는 정상의 처음 두 구성 요소 만 검색 할 수 있다.

i.normal.xy = tex2D(_NormalMap, i.uv).wy * 2 - 1;

우리는 나머지 두 개로부터 세 번째 구성 요소를 추론해야한다. 법선은 단위 벡터이기 때문에

.이고, 따라서 다음식이 나온다.

가 범위를 벗어날 수 있다. 내적을 클램프하여 이것이 발생하지 않는지 확인해보자.

i.normal.z = sqrt(1 - saturate(dot(i.normal.xy, i.normal.xy)));

디코딩 된 DXT5nm 법선.

2.3 Scaling Bumpiness (스케일링 불균형)

법선을 텍스처로 베이킹하므로 조각 쉐이더에서 법선을 스케일 할 수 없다.

Z를 계산하기 전에 법선의 X와 Y 성분을 스케일 할 수 있다. X와 Y를 줄이면 Z가 커져서 표면이 더 평평 해진다. 우리가 그들을 늘리면 반대가 일어날 것이다. 그래서 우리는 그런 방식으로 울퉁불퉁 함을 조정할 수 있다. 우리가 이미 X와 Y의 제곱을 클램프하고 있기 때문에, 우리는 결코 유효하지 않은 법선으로 끝나지 않을 것이다.

Unity의 표준 셰이더처럼 범프 스케일 속성을 셰이더에 추가하자.

Properties { _Tint ("Tint", Color) = (1, 1, 1, 1) _MainTex ("Albedo", 2D) = "white" {} [NoScaleOffset] _NormalMap ("Normals", 2D) = "bump" {} _BumpScale ("Bump Scale", Float) = 1 [Gamma] _Metallic ("Metallic", Range(0, 1)) = 0 _Smoothness ("Smoothness", Range(0, 1)) = 0.1 }

이 척도를 일반적인 계산에 통합하자.

sampler2D _NormalMap; float _BumpScale; … void InitializeFragmentNormal(inout Interpolators i) { i.normal.xy = tex2D(_NormalMap, i.uv).wy * 2 - 1; i.normal.xy *= _BumpScale; i.normal.z = sqrt(1 - saturate(dot(i.normal.xy, i.normal.xy))); i.normal = i.normal.xzy; i.normal = normalize(i.normal); }

높이지도를 사용하면서 얻은 강도와 ​​거의 같은 강도의 융기를 얻으려면 배율을 0.25와 같이 줄이자.

확장 범프.

UnityStandardUtils 에는 이 UnpackScaleNormal 함수 가 포함되어 있다. 자동으로 노멀 맵에 대해 올바른 디코딩을 사용하고 노멀을 스케일한다. 이러한 편리한 기능을 이용하자.

void InitializeFragmentNormal(inout Interpolators i) { // i.normal.xy = tex2D(_NormalMap, i.uv).wy * 2 - 1;// i.normal.xy *= _BumpScale;// i.normal.z = sqrt(1 - saturate(dot(i.normal.xy, i.normal.xy))); i.normal = UnpackScaleNormal(tex2D(_NormalMap, i.uv), _BumpScale); i.normal = i.normal.xzy; i.normal = normalize(i.normal); }

2.4 Combining Albedo and Bumps (알베도와 범프 결합)

이제는 기능적 노멀 맵이 생겼으므로, 맵의 차이점을 확인할 수 있다. 대리석의 알베도 질감 만 사용하면 쿼드는 완벽하게 연마 된 돌처럼 보인다. 노멀 맵을 추가하면 더 재미있는 표면이 가능하다.

범프없음.

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

유니티 패키지

3.Bump Details[세부 범프]

3부에서는 Textures를 결합하여 세부 질감이 있는 Shader를 만들었다. 알베도 (albedo)로 이것을 했지만, 범프로도 할 수 있다. 먼저 My First Lighting Shader 에 디테일 알베도에 대한 지원을 추가한다.

[[My First Lighting Shader.shader ]]

Properties { _Tint ("Tint", Color) = (1, 1, 1, 1) _MainTex ("Albedo", 2D) = "white" {} [NoScaleOffset] _NormalMap ("Normals", 2D) = "bump" {} _BumpScale ("Bump Scale", Float) = 1 [Gamma] _Metallic ("Metallic", Range(0, 1)) = 0 _Smoothness ("Smoothness", Range(0, 1)) = 0.1 _DetailTex ("Detail Texture", 2D) = "gray" {} }

디테일 알베도 텍스처

세부 UV에 보간을 추가하는 대신, 주 UV와 상세 UV를 수동으로 하나의 보간 회로에 채운다. 주 UV는 XY로 들어가고 세부 UV는 ZW로 들어간다.

[[My First Shader.shader]]

struct Interpolators { float4 position : SV_POSITION; // float2 uv : TEXCOORD0; float4 uv : TEXCOORD0; float3 normal : TEXCOORD1; float3 worldPos : TEXCOORD2; #if defined(VERTEXLIGHT_ON) float3 vertexLightColor : TEXCOORD3; #endif };

필요한 변수를 추가하고 정점 프로그램에서 보간을 채운다.

[[My Lighting.cginc]]

sampler2D _MainTex, _DetailTex; sampler2D _MainTex, _DetailTex; float4 _MainTex_ST, _DetailTex_ST; … Interpolators MyVertexProgram (VertexData v) { Interpolators i; i.position = mul(UNITY_MATRIX_MVP, v.position); i.worldPos = mul(unity_ObjectToWorld, v.position); i.normal = UnityObjectToWorldNormal(v.normal); i.uv.xy = TRANSFORM_TEX(v.uv, _MainTex); i.uv.zw = TRANSFORM_TEX(v.uv, _DetailTex); ComputeVertexLightColor(i); return i; }

이제 주 UV가 필요할 때 i.uv대신에 i.uv.xy 을 사용한다.

[[My Lighting.cginc]]

void InitializeFragmentNormal(inout Interpolators i) { i.normal = UnpackScaleNormal(tex2D(_NormalMap, i.uv.xy), _BumpScale); i.normal = i.normal.xzy; i.normal = normalize(i.normal); } float4 MyFragmentProgram (Interpolators i) : SV_TARGET { InitializeFragmentNormal(i); float3 viewDir = normalize(_WorldSpaceCameraPos - i.worldPos); float3 albedo = tex2D(_MainTex, i.uv.xy).rgb * _Tint.rgb; … }

알베도(albedo)의 인자에 Detail Texture를 넣어준다.

[[My Lighting.cginc]]

float3 albedo = tex2D(_MainTex, i.uv.xy).rgb * _Tint.rgb; albedo *= tex2D(_DetailTex, i.uv.zw) * unity_ColorSpaceDouble;

Detail Albedo 만 있는것 / Detail Albedo와 Bump를 사용한것

디테일 노멀

우리의 대리석 재질의 Detail Texture는 GrayScale이기 때문에 ,이를 사용하여 노멀 맵을 생성 할 수 있다.

텍스처을 복제하고 Import Type 을 노멀 맵으로 변경

Bumpiness를 0.1정도로 감소시키고 다른설정은 그대로 둔다.

우리가 밉맵을 페이드 아웃하는 동안, 색은 회색으로 희미해진다.결과적으로 Unity가 생성하는 디테일 노멀 맵은 평면으로 사라지게 된다.

디테일 노멀 텍스처.

디테일 노멀 맵을 셰이더에 추가해 해준다.그리고 범프 스케일 또한 추가한다.

[[My First Lighting Shader.shader ]]

Properties { _Tint ("Tint", Color) = (1, 1, 1, 1) _MainTex ("Albedo", 2D) = "white" {} [NoScaleOffset] _NormalMap ("Normals", 2D) = "bump" {} _BumpScale ("Bump Scale", Float) = 1 [Gamma] _Metallic ("Metallic", Range(0, 1)) = 0 _Smoothness ("Smoothness", Range(0, 1)) = 0.1 _DetailTex ("Detail Texture", 2D) = "gray" {} [NoScaleOffset] _DetailNormalMap ("Detail Normals", 2D) = "bump" {} _DetailBumpScale ("Detail Bump Scale", Float) = 1 }

디테일 노멀 맵과 스케일.

기본 노멀 맵과 마찬가지로 필요한 변수를 추가하고 디테일 노멀 맵을 가져온다. 결합하기 전엔 디테일 노멀만 보여진다.

[[My Lighting.cginc]]

sampler2D _NormalMap, _DetailNormalMap; float _BumpScale, _DetailBumpScale; … void InitializeFragmentNormal(inout Interpolators i) { i.normal = UnpackScaleNormal(tex2D(_NormalMap, i.uv.xy), _BumpScale); i.normal = UnpackScaleNormal(tex2D(_DetailNormalMap, i.uv.zw), _DetailBumpScale); i.normal = i.normal.xzy; i.normal = normalize(i.normal); }

디테일 범프.

블렌딩 노멀

우리는 기본 텍스처와 디테일 알베도 텍스처를 함께 곱하여 결합했다.그것은 벡터로 되어있기 때문에 노멀로 표현 할 수 없다. 하지만 정규화하기 전에 그들을 평균을 구해 표현 할 수 있다.

[[My Lighting.cginc]]

void InitializeFragmentNormal(inout Interpolators i) { float3 mainNormal = UnpackScaleNormal(tex2D(_NormalMap, i.uv.xy), _BumpScale); float3 detailNormal = UnpackScaleNormal(tex2D(_DetailNormalMap, i.uv.zw), _DetailBumpScale); i.normal = (mainNormal + detailNormal) * 0.5; i.normal = i.normal.xzy; i.normal = normalize(i.normal); }

평균화 된 노멀.

주 요 범프와 디테일 범프가 모두 평평 해진다. 이상적으로는, 그 중 하나가 평평 할 때, 그것은 다른 노멀에게 전혀 영향을 미치면 안된다.

여기서 우리가 효과적으로하려고하는 것은 두 개의 높이 필드를 결합하는 것 이다. 노멀을 평균을 구하는 것 보다, 노멀을 추가하는 것이 훨씬 더 합리적이다.

두 개의 높이 함수를 추가 할 때 슬로프, 즉 파생 함수가 추가 된다.

앞서 우리는 정규화를 통해 우리의 노멀 벡터를 생성 했다

. 우리의 노멀 맵은 Y와Z컴포넌트가 서로 바낀거외에는 같은 타입의 노멀들을 포함하고 있다.

따라서 그것은 형태 이다.

그러나 이러한 노멀은 정규화 과정을 통해 확장되었다. 아래가 표현된 형태.

Z 컴포넌트는 s와 같습니다. 이것은 X와 Y를 Z로 나눔으로써 편미분을 찾을 수 있음을 의미 한다. 이것은 Z가 0 일 때만 실패하며 이는 수직면에 해당 한다.

파생물을 얻은 후 합계 높이 필드의 파생물을 찾기 위해 얻을 파생물을 추가 할 수 있다. 그런 다음 노멀벡터로 다시 변환 한다.

정규화되기 전 결과벡터

. [[My Lighting.cginc]]

void InitializeFragmentNormal(inout Interpolators i) { float3 mainNormal = UnpackScaleNormal(tex2D(_NormalMap, i.uv.xy), _BumpScale); float3 detailNormal = UnpackScaleNormal(tex2D(_DetailNormalMap, i.uv.zw), _DetailBumpScale); i.normal = float3(mainNormal.xy / mainNormal.z + detailNormal.xy / detailNormal.z, 1); i.normal = i.normal.xzy; i.normal = normalize(i.normal); }

파생물 추가.

거의 평평한 것 을 결합 할 때 아주 잘 작동 된다. 그러나 가파른 경사면을 결합하면 여전히 세부 사항을 잃게된다. 그에 대한 대안 방법은 화이트 아웃 블렌딩이다.

먼저, 새로운 노멀에

곱한다 . 이 방법은 나중에 정규화 하기때문에 가능하다.

그결과의 벡터

.

그리고 X와 Y의 스케일링 제거한 벡터를 유도한다.

.

이 과정을 통해 X 및 Y 컴포넌트를 과장하여 가파른 경사면을 따라 더 두드러진 범프를 생성한다. 그러나 노멀 중 하나가 평평하면 다른 노멀은 변경되지 않는다.

[[My Lighting.cginc]]

i.normal = float3(mainNormal.xy + detailNormal.xy, mainNormal.z * detailNormal.z);// float3(mainNormal.xy / mainNormal.z + detailNormal.xy / detailNormal.z, 1);

알베도와 혼합된 화이트 아웃 블렌딩 노멀.

UnityStandardUtils 에는 화이트 아웃 블렌딩을 사용하는 블렌딩 노멀 함수를 포함되어있다.

그함수를 사용해 보자. 결과를 정규화까지 해주므로, 더 이상 우리가 해줄 필요가 없다.

[[My Lighting.cginc]]

i.normal = BlendNormals(mainNormal, detailNormal);// float3(mainNormal.xy + detailNormal.xy, mainNormal.z * detailNormal.z); i.normal = i.normal.xzy; // i.normal = normalize(i.normal);

4.Tangent Space[탄젠트 공간]

지금까지는 XZ 평면과 정렬된 평면을 음영 처리한다고 가정했다. 그러나 이 기법을 사용하기 위해서는 임의의 기하학을 사용해야 한다.