Blend modes in 3D

This sample shows how blend modes can be used in a 3D SceneView.

Blend modes define how layers should blend together to create an interesting effect in a layer, or even to produce what seems like a new layer. Unlike using transparency, which can result in a washed-out top layer, blend modes create a variety of vibrant and intriguing results by blending a layer with the layers below it.

This sample uses the luminosity blend mode to blend together a hillshade layer with the underlying basemap. Without the blend mode, the hillshade layer would totally cover the basemap which would not be visible:

The blendMode is a property which can be set directly on the layer:

1
2
3
4
const hillshade = new TileLayer({
  url: "https://services.arcgisonline.com/arcgis/rest/services/Elevation/World_Hillshade/MapServer",
  blendMode: "luminosity"
});