Lights

react-globe uses two light sources to illuminate the globe. The colors and intensity of the light sources can be configured using various light options.

Ambient Light

The ambient light illuminates all objects in the scene equally. Use the playground code editor to play around with the respective ambient light options.

xxxxxxxxxx

<ReactGlobe

  options={{

    ambientLightColor: 'red',

    ambientLightIntensity: 1,

  }}

/>

Point Light

The point light provides a source of light emitting from a single point. Use the playground code editor to play around with the respective ambient light options

xxxxxxxxxx

<ReactGlobe

  options={{

    pointLightColor: 'orange',

    pointLightIntensity: 4,

    pointLightPositionRadiusScales: [2, 1, -1],

  }}

/>