front/src/assets/main.scss

@@ -7,6 +7,7 @@
 
 body {
     font-family: 'Montserrat';
+    user-select: none;
 }
 
 a[href] {

front/src/components/Main/index.vue

@@ -15,8 +15,9 @@ const controls = ref()
 
 const controlsState = reactive({
     enableDamping: true,
-    maxPolarAngle: (Math.PI / 2) - 0.07,
-    minAzimuthAngle: (Math.PI / 2) - 0.20,
+    minPolarAngle: 45 * (Math.PI / 180),
+    maxPolarAngle: 45 * (Math.PI / 180),
+    // minAzimuthAngle: (Math.PI / 2) / 2,
     enablePan: false,
     enableZoom: false,
     autoRotate: true,
@@ -46,6 +47,7 @@ watch(() => pageStore.page.id, async () => {
         <div class="main-canvas">
             <TresCanvas :output-encoding="SRGBColorSpace">
                 <TresPerspectiveCamera ref="camera" />
+                <Env />
                 <OrbitControls v-bind="controlsState" make-default ref="controls" />
                 <MainLoadModels v-if="raw_dataStore.data.id" />
                 <TresAmbientLight />

front/src/components/Main/main_load_models.vue

@@ -44,7 +44,7 @@ const cameraSet = () => {
         (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).autoRotateSpeed = 1;
+        (controls.value as OrbitControlsProps).autoRotateSpeed = 0.5;
         (controls.value as any).update()
     }
     if (camera.value) {