chore(web): correct ordering of camera updates in map viewer animatio…

…n loop
wowserhq · Feb 8, 2024 · 2f3e98a · 2f3e98a
1 parent 5a9ea6e
commit 2f3e98a
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/packages/spelunker-web/src/components/core/MapViewer/index.jsx b/packages/spelunker-web/src/components/core/MapViewer/index.jsx
@@ -93,16 +93,21 @@ const MapViewer = ({ map: { id, filename } }) => {
       const animate = () => {
         const delta = clock.getDelta();
 
-        mapManager.setTarget(camera.position.x, camera.position.y);
-        setCurrentPosition({ x: camera.position.x, y: camera.position.y, z: camera.position.z });
-
         controls.update(delta);
-        mapManager.update(delta, camera);
 
         // Adjust far clip (reduce draw calls by matching frustum to fog distance)
         camera.far = mapManager.cameraFar;
         camera.updateProjectionMatrix();
 
+        // Ensure camera world matrices are up-to-date before camera is used in culling or bone
+        // matrix calculations
+        camera.updateMatrixWorld();
+
+        mapManager.setTarget(camera.position.x, camera.position.y);
+        setCurrentPosition({ x: camera.position.x, y: camera.position.y, z: camera.position.z });
+
+        mapManager.update(delta, camera);
+
         renderer.setClearColor(mapManager.clearColor);
         renderer.render(scene, camera);