🔥🔥🔥 FIRE SALE - Get SAAS TEMPLATE AT $12 ONLY


Docs
Cobe Globe

Cobe Globe

A globe animation which is Interactive and customizable.

Installation

props

PropertyDescriptionRequired
devicePixelRatioThe “DPR”, defaults to 1
widthThe width of the canvasRequired
heightThe height of the canvasRequired
phiThe φ angle, 0 ≤ phi ≤ 2πRequired
thetaThe θ angle, -π ≤ theta ≤ πRequired
darkDisplay the globe in dark or light mode, 0 ≤ dark ≤ 1Required
diffuseControl the diffuse lighting, 0 ≤ diffuseRequired
mapSamplesNumber of dots displayed, 0 ≤ mapSamples ≤ 100000Required
mapBrightnessBrightness of the dots, 0 ≤ mapBrightnessRequired
mapBaseBrightnessBrightness of samples that are not on the map, 0 ≤ mapBaseBrightness
baseColor[r, g, b] of the base color, 0 ≤ r, g, b ≤ 1
markerColor[r, g, b] of the markers’ color, 0 ≤ r, g, b ≤ 1
glowColor[r, g, b] of the glow color, 0 ≤ r, g, b ≤ 1
scaleScales the globe, 0 ≤ scale
offset[offsetX, offsetY], offset of the globe in pixel
markersAn array of markers displayed
opacityThe transparency of the globe texture
onRenderA callback function called when a new frame is renderedRequired