globe.gl 2.31.0 → 2.32.1

package/dist/globe.gl.mjs

@@ -191,7 +191,7 @@ var bindRenderObjs = linkKapsule('renderObjs', ThreeRenderObjects);
 var linkedRenderObjsProps = Object.assign.apply(Object, _toConsumableArray(['width', 'height', 'backgroundColor', 'backgroundImageUrl', 'enablePointerInteraction'].map(function (p) {
   return _defineProperty({}, p, bindRenderObjs.linkProp(p));
 })));
-var linkedRenderObjsMethods = Object.assign.apply(Object, _toConsumableArray(['postProcessingComposer'].map(function (p) {
+var linkedRenderObjsMethods = Object.assign.apply(Object, _toConsumableArray(['lights', 'postProcessingComposer'].map(function (p) {
   return _defineProperty({}, p, bindRenderObjs.linkMethod(p));
 })));
 
@@ -495,7 +495,8 @@ var globe = Kapsule({
         rendererConfig: rendererConfig,
         waitForLoadComplete: waitForGlobeReady,
         extraRenderers: [new THREE.CSS2DRenderer()] // Used in HTML elements layer
-      }).skyRadius(globe.getGlobeRadius() * 500).showNavInfo(false)
+      }).skyRadius(globe.getGlobeRadius() * 500).showNavInfo(false).objects([globe]) // Populate scene
+      .lights([new THREE.AmbientLight(0xcccccc, Math.PI), new THREE.DirectionalLight(0xffffff, 0.6 * Math.PI)])
     };
   },
   init: function init(domNode, state) {
@@ -586,9 +587,7 @@ var globe = Kapsule({
       }
     };
     state.renderObjs.renderer().useLegacyLights = false; // force behavior of three < 155
-    state.renderObjs.objects([
-    // Populate scene
-    new THREE.AmbientLight(0xcccccc, Math.PI), new THREE.DirectionalLight(0xffffff, 0.6 * Math.PI), state.globe]).hoverOrderComparator(function (a, b) {
+    state.renderObjs.hoverOrderComparator(function (a, b) {
       var aObj = getGlobeObj(a);
       var bObj = getGlobeObj(b);
 

package/example/custom-globe-styling/index.html

@@ -27,9 +27,7 @@
       globeMaterial.shininess = 15;
     });
 
-    setTimeout(() => { // wait for scene to be populated (asynchronously)
-      const directionalLight = world.scene().children.find(obj3d => obj3d.type === 'DirectionalLight');
-      directionalLight && directionalLight.position.set(1, 1, 1); // change light position to see the specularMap's effect
-    });
+    const directionalLight = world.lights().find(light => light.type === 'DirectionalLight');
+    directionalLight && directionalLight.position.set(1, 1, 1); // change light position to see the specularMap's effect
   </script>
 </body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "globe.gl",
-  "version": "2.31.0",
+  "version": "2.32.1",
   "description": "UI component for Globe Data Visualization using ThreeJS/WebGL",
   "type": "module",
   "unpkg": "dist/globe.gl.min.js",
@@ -53,7 +53,7 @@
     "kapsule": "1",
     "three": ">=0.118 <1",
     "three-globe": "^2.30",
-    "three-render-objects": "^1.28"
+    "three-render-objects": "^1.29"
   },
   "devDependencies": {
     "@babel/core": "^7.23.2",