front/src/components/Promo/load_models.vue

@@ -7,6 +7,7 @@ import {
     CircleGeometry, MeshBasicMaterial,
     Quaternion, AdditiveBlending,
     Euler,
+    SRGBColorSpace,
 } from 'three';
 
 import { useTresContext, useSeek, useTexture, useLoop } from '@tresjs/core';
@@ -143,6 +144,12 @@ const loadModels = async () => {
             )
             item.modelFile.children[0].updateMatrixWorld(true)
         }
+
+        item.modelFile.traverse((el: Mesh) => {
+            if (el.material && el.material.texture) {
+                el.material.texture.colorSpace = SRGBColorSpace
+            }
+        })
         models.value.push(item)
 
         const res = await fetch(`${SERVER_URL}/api/obj/clickable/?source=${element.id}`)