From df88962442d9b9dc398683c8effd4dc5fdf8d4c2 Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Fri, 14 Jun 2024 12:22:07 +0300
Subject: [PATCH] bias - inner shadow fences

---
 components/model/fence.vue      |  4 ++--
 components/model/item.vue       |  4 ++--
 components/model/parametric.vue | 12 +++++++++---
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/components/model/fence.vue b/components/model/fence.vue
index 821e2d8..4263306 100644
--- a/components/model/fence.vue
+++ b/components/model/fence.vue
@@ -14,11 +14,11 @@ const lSize = 0.115
 const bSize = 0.0235
 const pillar_size = 80 * 0.001
 
-const pillar_one_pos = ref(fence_section.value * -0.5 - 0.01)
+const pillar_one_pos = ref(fence_section.value * -0.5 - 0.015)
 const pillar_two_pos = ref(fence_section.value * 0.5 + pillar_size + bSize - 0.01)
 
 watch([fence_section, lamelles_count], () => {
-    pillar_one_pos.value = fence_section.value * -0.5 - 0.01
+    pillar_one_pos.value = fence_section.value * -0.5 - 0.015
     pillar_two_pos.value = fence_section.value * 0.5 + pillar_size + bSize - 0.01
 })
 const scale_koef = 2.5
diff --git a/components/model/item.vue b/components/model/item.vue
index d23d184..d209fe1 100644
--- a/components/model/item.vue
+++ b/components/model/item.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useGLTF } from '@tresjs/cientos'
-import { Box3, Color, MeshStandardMaterial, Vector3 } from 'three';
+import { Box3, Color, FrontSide, MeshStandardMaterial, Vector3 } from 'three';
 const props = defineProps(['modelUrl', 'model', 'position', 'refPosition', 'removePos', 'target', 'color'])
 
 let scene
@@ -31,7 +31,7 @@ function shadows_and_pos(scene: any) {
     scene.children.forEach((el: any) => {
         if (el.isMesh) {
             el.castShadow = true
-            // el.receiveShadow = true
+            el.receiveShadow = true
         }
         if (props.removePos) {
             el.translateX(-el.position.x)
diff --git a/components/model/parametric.vue b/components/model/parametric.vue
index bf314ce..308560e 100644
--- a/components/model/parametric.vue
+++ b/components/model/parametric.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import {
-    ReinhardToneMapping, PCFShadowMap, RepeatWrapping,
+    ReinhardToneMapping, PCFSoftShadowMap, RepeatWrapping,
     Color, DataTexture,
     PMREMGenerator, Euler,
     FrontSide
@@ -14,7 +14,7 @@ const { scene, renderer, camera } = useTresContext()
 renderer.value.toneMapping = ReinhardToneMapping
 
 renderer.value.shadowMap.enabled = true
-renderer.value.shadowMap.type = PCFShadowMap
+// renderer.value.shadowMap.type = PCFSoftShadowMap
 
 // const pbrTexture = await useTexture({
 //     map: '/texture/Grass01_MR_2K/Grass01_2K_BaseColor.png ',
@@ -123,10 +123,15 @@ onMounted(() => {
 
 const pointLight = light.children[2]
 pointLight.shadow.camera.near = 50
+const k = 1
+console.log(pointLight.shadow)
+pointLight.shadow.mapSize.width = 512 * k
+pointLight.shadow.mapSize.height = 512 * k
+pointLight.shadow.bias = -0.001
 </script>
 <template>
     <TresGroup :translate-y="-3.25" name="base">
-        <TresMesh receive-shadow :position-y="-0.15" name="ground">
+        <TresMesh receive-shadow :position-y="-0.65" name="ground">
             <TresCircleGeometry :args="[100, 32]" :rotate-x="-Math.PI * 0.5" />
             <TresMeshStandardMaterial v-bind="groundMaterial" />
         </TresMesh>
@@ -149,6 +154,7 @@ pointLight.shadow.camera.near = 50
 
         <TresPointLight v-bind="pointLight" :intensity="pointLight.intensity * 0.25"
             :position="Object.values(pointLight.position).map((el: any) => el * 3)" cast-shadow />
+
         <TresAmbientLight color="rgb(191,231,255)" :intensity="5" />
         <template v-if="false">
             <template v-for="i in light.children[1].children">