From 77faa8eae33a346650c84afc5daec248f660c8f8 Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Tue, 25 Jun 2024 11:54:19 +0300
Subject: [PATCH] fix colors

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

diff --git a/components/calcModels.vue b/components/calcModels.vue
index 02981df..c2beee9 100644
--- a/components/calcModels.vue
+++ b/components/calcModels.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { FrontSide, RepeatWrapping } from 'three';
+import { FrontSide, RepeatWrapping, Vector2 } from 'three';
 import { TresCanvas, useTexture } from '@tresjs/core'
 import { OrbitControls, useGLTF } from '@tresjs/cientos'
 
@@ -29,13 +29,17 @@ const groundMaterial = ref({
     roughness: 0.7,
     metalness: 0,
     side: FrontSide,
+    precision: 'lowp',
 })
 const loadAll = async () => {
     const { scene: light } = await useGLTF('/models_light/zabor_so_svetom.glb')
     pointLight.value = light.children[2]
     pointLight.value.color = '#f0dea9'
+    pointLight.value.power = pointLight.value.intensity
+    pointLight.value.intensity = 0
     pointLight.value.shadow.camera.near = 50
     pointLight.value.shadow.bias = -0.002
+    pointLight.value.shadow.bias = -0.002
 
     const pbrTexture = await useTexture({
         map: '/texture/Grass004_2K-PNG/Grass004_2K-PNG_Color.png',
@@ -102,8 +106,7 @@ watch([section_count, extra_section], () => {
                 </TresMesh>
 
                 <template v-if="pointLight">
-                    <TresPointLight v-bind="pointLight"
-                        :position="Object.values(pointLight.position).map((el: any) => el * 7)" cast-shadow />
+                    <TresPointLight v-bind="pointLight" cast-shadow />
                 </template>
 
                 <TresAmbientLight color="rgb(191,231,255)" :intensity="5" />
diff --git a/components/model/parametric.vue b/components/model/parametric.vue
index b77eaa3..d25e381 100644
--- a/components/model/parametric.vue
+++ b/components/model/parametric.vue
@@ -38,13 +38,14 @@ set_material(lamelle.value, getColorHexFromRal(lamelle_color.value));
 
 const { seek, seekAll } = useSeek()
 watch(lamelle_color, () => {
+    set_material(lamelle.value, getColorHexFromRal(lamelle_color.value))
     const items = seekAll(scene.value, 'name', "lamelles")
     items.forEach(element => {
         set_material(element, getColorHexFromRal(lamelle_color.value))
     });
-    set_material(lamelle.value, getColorHexFromRal(lamelle_color.value));
 })
 watch(pillar_color, () => {
+    [top, fence, fastening].map((el: any) => { set_material(el.value, getColorHexFromRal(pillar_color.value)) })
     const items = [
         ...seekAll(scene.value, 'name', "pillar_one"),
         ...seekAll(scene.value, 'name', "pillar_two"),
@@ -54,8 +55,7 @@ watch(pillar_color, () => {
     ]
     items.forEach(element => {
         set_material(element, getColorHexFromRal(pillar_color.value))
-    });
-    [top, fence, fastening].map((el: any) => { set_material(el.value, getColorHexFromRal(pillar_color.value)) })
+    })
 })
 watch([section_count, extra_section], () => {
     const base = seek(scene.value, 'name', 'base')
@@ -71,8 +71,8 @@ onMounted(async () => {
     const loader = new GainMapLoader(renderer.value)
     const result = await loader.loadAsync([
         '/hdrmaps/kloppenheim_06_4k.webp',
-        '/hdrmaps/kloppenheim_06_4k-gainmap.webp', 
-        '/hdrmaps/kloppenheim_06_4k.json', 
+        '/hdrmaps/kloppenheim_06_4k-gainmap.webp',
+        '/hdrmaps/kloppenheim_06_4k.json',
     ])
     const exrCubeRenderTarget = pmremGenerator.fromEquirectangular(result.renderTarget.texture);
     const exrBackground = exrCubeRenderTarget.texture;
@@ -81,7 +81,7 @@ onMounted(async () => {
     scene.value.environment = newEnvMap
     scene.value.background = exrBackground
     scene.value.backgroundRotation = new Euler(0, 5, 0)
-    scene.value.backgroundMapping = EquirectangularReflectionMapping
+    // scene.value.background.mapping = EquirectangularReflectionMapping
 
     result.renderTarget.texture.dispose();
 })