From e78fdfb079ebca13fd276c38f741fdac5b90227c Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Wed, 12 Jun 2024 16:32:31 +0300
Subject: [PATCH] test texture

---
 components/calcModels.vue       | 13 +++++++------
 components/model/parametric.vue |  8 +++++---
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/components/calcModels.vue b/components/calcModels.vue
index 48ed10f..36b6eda 100644
--- a/components/calcModels.vue
+++ b/components/calcModels.vue
@@ -20,13 +20,13 @@ onMounted(() => {
     cameraStat.aspect = window.innerWidth / 600
 })
 const spot = reactive({
-    x: 10, y: 10, z: 10, intensity: 100, distance: 10, color: 'red'
+    x: 10, y: 10, z: 10, intensity: 10, distance: 10, color: 'red'
 })
 const directional = reactive({
-    x: 20, y: 10, z: 10, intensity: 100, distance: 10, color: 'green'
+    x: 20, y: 10, z: 10, intensity: 10, distance: 10, color: 'green'
 })
 const point = reactive({
-    x: 30, y: 10, z: 10, intensity: 100, distance: 10, color: 'blue'
+    x: 30, y: 10, z: 10, intensity: 10, distance: 10, color: 'blue'
 })
 </script>
 <template>
@@ -55,15 +55,16 @@ const point = reactive({
                 <TresPerspectiveCamera v-bind="cameraStat" />
                 <OrbitControls v-bind="controlsState" make-default />
                 <Suspense>
-                    <Environment files='/hdrmaps/kloppenheim_06_4k.hdr' :background="true" />
+                    <!-- <Environment files='/hdrmaps/kloppenheim_06_4k.hdr' :background="true" /> -->
                 </Suspense>
                 <Suspense>
                     <ModelParametric />
                 </Suspense>
                 <TresSpotLight v-bind="spot" :position="[spot.x, spot.y, spot.z]" cast-shadow v-light-helper />
-                <TresDirectionalLight v-bind="directional" :position="[directional.x, directional.y, directional.z]" cast-shadow
-                    v-light-helper />
+                <TresDirectionalLight v-bind="directional" :position="[directional.x, directional.y, directional.z]"
+                    cast-shadow v-light-helper />
                 <TresPointLight v-bind="point" :position="[point.x, point.y, point.z]" cast-shadow v-light-helper />
+                <TresAmbientLight />
             </TresCanvas>
         </ClientOnly>
     </div>
diff --git a/components/model/parametric.vue b/components/model/parametric.vue
index 2f41ee2..e50b73e 100644
--- a/components/model/parametric.vue
+++ b/components/model/parametric.vue
@@ -20,7 +20,7 @@ const pbrTexture = await useTexture({
     // matcap: '/textures/Ground039_4K-JPG_Color.jpg',
     // alphaMap: '/textures/myAlphaMapTexture.jpg'
 })
-const repeat = 10
+const repeat = 5
 for (const key in pbrTexture) {
     if (Object.prototype.hasOwnProperty.call(pbrTexture, key)) {
         const element = pbrTexture[key];
@@ -29,6 +29,7 @@ for (const key in pbrTexture) {
             element.wrapT = RepeatWrapping
             element.repeat.x = repeat
             element.repeat.y = repeat
+            element.flipY = false
         }
     }
 }
@@ -84,7 +85,8 @@ texture.needsUpdate = true;
     <TresGroup :translate-y="-3.25" name="base">
         <TresMesh receive-shadow :position-y="-0.5" name="ground">
             <TresCircleGeometry :args="[55, 32]" :rotate-x="-Math.PI * 0.5" />
-            <TresMeshStandardMaterial v-bind="pbrTexture" />
+            <TresMeshStandardMaterial :map="pbrTexture.map" :normal-map="pbrTexture.normalMap"
+                :roughness-map="pbrTexture.roughnessMap" :ao-map="pbrTexture.aoMap" :metalness="0" :roughness="0" />
         </TresMesh>
         <TresMesh receive-shadow :position-y="-0.25" :position-x="10" name="ground">
             <TresCircleGeometry :args="[10]" :rotate-x="-Math.PI * 0.5" />
@@ -99,7 +101,7 @@ texture.needsUpdate = true;
             <TresMeshStandardMaterial :map="texture" />
         </TresMesh>
         <TresMesh :position="[-9, 0, 2]" cast-shadow receive-shadow>
-            <TresBoxGeometry  :args="[1, 1, 1]" />
+            <TresBoxGeometry :args="[1, 1, 1]" />
             <TresMeshStandardMaterial :map="texture_one" />
         </TresMesh>
         <template v-for="i in section_count">