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

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

Use dark colors for code blocksCopy
const hillshade = new TileLayer({
  url: "",
  blendMode: "luminosity"

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