refactor(#40): move point cloud loading before loadGUI

src/potreeViewer.js

@@ -36,6 +36,24 @@ export async function createPotreeViewer(
   viewer.setDescription('Molloy Explorer')
 
   const pointclouds = []
+  for (const url of pointcloudUrls) {
+    const e = await Potree.loadPointCloud(url)
+    const pc = e.pointcloud
+    viewer.scene.addPointCloud(pc)
+
+    pc.material.pointSizeType = Potree.PointSizeType.ADAPTIVE
+    pc.material.shape = Potree.PointShape.CIRCLE
+    overrideShaderForGradient(pc)
+
+    //The default activeAttributeName is set to elevation and the color gradient to VIRIDIS for good visualization
+    pc.material.elevationRange = [-10000, 0]
+    pc.material.activeAttributeName = 'elevation'
+    pc.material.gradient = Potree.Gradients['VIRIDIS']
+
+    e.pointcloud.projection = ecef
+
+    pointclouds.push(pc)
+  }
 
   viewer.loadGUI(() => {
     viewer.setLanguage('en')
@@ -110,25 +128,6 @@ export async function createPotreeViewer(
     initAnnotationsPanel(viewer)
   })
 
-  for (const url of pointcloudUrls) {
-    const e = await Potree.loadPointCloud(url)
-    const pc = e.pointcloud
-    viewer.scene.addPointCloud(pc)
-
-    pc.material.pointSizeType = Potree.PointSizeType.ADAPTIVE
-    pc.material.shape = Potree.PointShape.CIRCLE
-    overrideShaderForGradient(pc)
-
-    //The default activeAttributeName is set to elevation and the color gradient to VIRIDIS for good visualization
-    pc.material.elevationRange = [-10000, 0]
-    pc.material.activeAttributeName = 'elevation'
-    pc.material.gradient = Potree.Gradients['VIRIDIS']
-
-    e.pointcloud.projection = ecef
-
-    pointclouds.push(pc)
-  }
-
   // Initialize camera position and target point (manually chosen)
   viewer.scene.view.setView(
     [3961574.044, 1494736.334, 8348318.575], // Initial camera position