Terrain Rendering in Frostbite using Procedural Shader Splatting (Siggraph 2007)

Terrain Rendering in Frostbite using Procedural Shader Splatting Johan Andersson Rendering Architect, EA DICE 2.5

Outline ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Battlefield 2 terrain ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Color map Detail mask map

Our requirements ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Terrain overview ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Terrain texturing - general idea ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Terrain material requirements ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Specialized terrain material shaders ,[object Object],[object Object],[object Object],[object Object],[object Object]

Graph-based surface shaders ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Example surface shader graph ,[object Object],[object Object]

Instance shaders ,[object Object],[object Object],[object Object],[object Object],[object Object]

Shader pipeline ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Procedural techniques ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Procedural parameters ,[object Object],[object Object],[object Object],[object Object],Normal Height Slope

Normal filtering ,[object Object],[object Object],[object Object],float3 filterNormal(float2 uv, float texelSize, float texelAspect) { float4 h; h[0] = hmap.Sample(bilSampler, uv + texelSize*float2( 0,-1)).r; h[1] = hmap.Sample(bilSampler, uv + texelSize*float2(-1, 0)).r; h[2] = hmap.Sample(bilSampler, uv + texelSize*float2( 1, 0)).r; h[3] = hmap.Sample(bilSampler, uv + texelSize*float2( 0, 1)).r; float3 n; n.z = (h[0] - h[3]) * texelAspect; n.x = (h[1] - h[2]) * texelAspect; n.y = 2; return normalize(n); }

Material masking ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Multiple material masks of all types Red = slope-based cliff material Pink = painted dirt material

Mountain material example Only grass material With mountain material Slope Mask (slope scaled & biased)

Painted masks ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Fields with painted masks

Static sparse mask textures (1/2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Source mask Atlas texture

Static sparse mask textures (2/2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Destruction mask (1/2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Crater screenshot Crater mask (point-filtering)

Destruction mask (2/2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Atlas texture Indirection texture

Increasing mask detail ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Photoshop Overlay blend ,[object Object],[object Object],[object Object],float overlayBlend(float base, float value, float opacity) { float a = base < 0.5 ? 2*base*value : 1 - 2*(1-base)*(1-value); return lerp(base, a, opacity); } Base mask from slope Detail mask Overlay blend result

Shader compositing ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],2 materials (r & g) creating 3 combos due to overlap

Sea/river floor material added

End result. Road decals + minor materials

Terrain rendering ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Geometry LOD ,[object Object],[object Object],[object Object],Before Removed

T-junction solution ,[object Object],[object Object],[object Object]

Undergrowth ,[object Object],[object Object],[object Object],[object Object],[object Object]

Undergrowth example No undergrowth With undergrowth

Undergrowth overview (1/2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Undergrowth overview (2/2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Undergrowth generation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Generated mask Normalmap

Undergrowth distribution ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Undergrowth rendering ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Undergrowth surface shader Shadows on undergrowth

Conclusions ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Future / Ideas ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Questions? Contact: johan.andersson@dice.se

Terrain Rendering in Frostbite using Procedural Shader Splatting (Siggraph 2007)

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Terrain Rendering in Frostbite using Procedural Shader Splatting (Siggraph 2007)

Similar to Terrain Rendering in Frostbite using Procedural Shader Splatting (Siggraph 2007) (20)

More from Johan Andersson

More from Johan Andersson (7)

Recently uploaded

Recently uploaded (20)

Terrain Rendering in Frostbite using Procedural Shader Splatting (Siggraph 2007)