COBE只有 5kB 的 WebGL 地球库

COBE 是一个轻量级 (5kB) WebGL 地球库。“COBE”这个名字代表 Cosmic Background Explorer。

查看演示。

示例：

import createGlobe from 'cobe'



let phi = 0



const globe = createGlobe(canvas, {

  devicePixelRatio: 2,

  width: 1000,

  height: 1000,

  phi: 0,

  theta: 0,

  dark: 0,

  diffuse: 1.2,

  mapSamples: 16000,

  mapBrightness: 6,

  baseColor: [0.3, 0.3, 0.3],

  markerColor: [1, 0.5, 1],

  glowColor: [1, 1, 1],

  markers: [

    { location: [37.7595, -122.4367], size: 0.03 },

    { location: [40.7128, -74.006], size: 0.1 },

  ],

  onRender: (state) => {

    // Called on every animation frame.

    // `state` will be an empty object, return updated params.

    state.phi = phi

    phi += 0.01

  },

})



// `globe` will be a Phenomenon (https://github.com/vaneenige/phenomenon) instance.

// To pause requestAnimationFrame:

// `globe.toggle()`

// To remove the instance:

// `globe.destroy()`

// ...