Blend modes in 3D

Explore in the sandboxView live

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: blendModes3D

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

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

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.