front/src/components/Main/index.vue

@@ -42,10 +42,12 @@ onMounted(async () => {
             </p>
         </div>
         <div class="main-canvas">
-            <TresCanvas window-size :output-encoding="SRGBColorSpace" >
+            <TresCanvas window-size :output-encoding="SRGBColorSpace">
                 <TresPerspectiveCamera ref="camera" />
                 <OrbitControls v-bind="controlsState" make-default ref="controls" />
+                <Suspense>
                     <MainLoadModels v-if="raw_dataStore.data.id" />
+                </Suspense>
                 <TresAmbientLight />
             </TresCanvas>
         </div>

front/src/components/Main/main_load_models.vue

@@ -40,13 +40,14 @@ const loadModels = async () => {
         }
         models.value.push(item)
     }
+    rotateSet()
 }
 const cameraSet = () => {
     if (controls.value) {
         (controls.value as OrbitControlsProps).minDistance = raw_dataStore.data.min_distance;
         (controls.value as OrbitControlsProps).maxDistance = raw_dataStore.data.max_distance;
-        (controls.value as OrbitControlsProps).autoRotate = true;
+        // (controls.value as OrbitControlsProps).autoRotate = true;
-        (controls.value as OrbitControlsProps).autoRotateSpeed = 0.5;
+        // (controls.value as OrbitControlsProps).autoRotateSpeed = 0.5;
         (controls.value as any).update()
     }
     if (camera.value) {
@@ -55,11 +56,20 @@ const cameraSet = () => {
         camera.value.updateMatrixWorld()
     }
 }
-loadModels()
+const rotateSet = () => {
+    if (controls.value) {
+        (controls.value as OrbitControlsProps).autoRotate = true;
+        (controls.value as OrbitControlsProps).autoRotateSpeed = 0.5;
+    }
+}
 cameraSet()
+loadModels()
 const { onAfterRender } = useLoop()
 onAfterRender(() => {
     if (controls.value) {
+        if (!(controls.value as OrbitControlsProps).autoRotate) {
+            rotateSet()
+        }
         (controls.value as any).update()
     }
 })