Refactor merge geometry custom shader application to avoi shader conf…

…licts
vasturiano · Dec 9, 2024 · debda4e · debda4e
1 parent 29c0f81
commit debda4e
Showing 1 changed file with 11 additions and 12 deletions.
diff --git a/src/layers/hexbin.js b/src/layers/hexbin.js
@@ -123,18 +123,17 @@ export default Kapsule({
             return geom;
           }));
 
-      const hexPoints = new THREE.Mesh(
-        hexPointsGeometry,
-        applyShaderExtensionToMaterial(
-          new THREE.MeshLambertMaterial({
-            color: 0xffffff,
-            transparent: true,
-            vertexColors: true,
-            side: THREE.DoubleSide
-          }),
-          invisibleUndergroundShaderExtend
-        )
-      );
+      const hexMaterial = new THREE.MeshLambertMaterial({
+        color: 0xffffff,
+        transparent: true,
+        vertexColors: true,
+        side: THREE.DoubleSide
+      });
+      hexMaterial.onBeforeCompile = shader => {
+        hexMaterial.userData.shader = invisibleUndergroundShaderExtend(shader);
+      };
+
+      const hexPoints = new THREE.Mesh(hexPointsGeometry, hexMaterial);
 
       hexPoints.__globeObjType = 'hexBinPoints'; // Add object type
       hexPoints.__data = hexBins; // Attach obj data