From a7470d997b964b03ee06dc7d23b707fc00bdc248 Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Wed, 5 Jun 2024 18:06:30 +0300
Subject: [PATCH] shadows

---
 components/calculator.vue   | 1 +
 components/model/canvas.vue | 2 +-
 components/model/item.vue   | 6 +++++-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/calculator.vue b/components/calculator.vue
index d997ec4..bbd48f2 100644
--- a/components/calculator.vue
+++ b/components/calculator.vue
@@ -9,6 +9,7 @@ const controlsState = reactive({
     maxDistance: 5,
     enablePan: false,
     enebleZoom: false,
+    maxPolarAngle: (Math.PI / 2) - 0.02,
     // distance: 3
 })
 
diff --git a/components/model/canvas.vue b/components/model/canvas.vue
index 529134f..9755b84 100644
--- a/components/model/canvas.vue
+++ b/components/model/canvas.vue
@@ -8,7 +8,7 @@ renderer.value.shadowMap.enabled = true
 </script>
 <template>
     <TresMesh :position="[0, -1, 0]" :rotate-x="Math.PI * -0.5" receive-shadow cast-shadow>
-        <TresBoxGeometry :args="[3, 3, 0.05]" />
+        <TresBoxGeometry :args="[8, 8, 0.05]" />
         <TresMeshStandardMaterial color="pink" />
     </TresMesh>
     <Suspense>
diff --git a/components/model/item.vue b/components/model/item.vue
index 8dd24cc..c801407 100644
--- a/components/model/item.vue
+++ b/components/model/item.vue
@@ -16,10 +16,14 @@ box.getSize(size)
 
 const box_size = [size.x, size.y, size.z]
 
+scene.children.forEach((el:any) => {
+    el.castShadow = true
+    el.receiveShadow = true
+});
 </script>
 <template>
     <TresGroup>
-        <TresMesh :position="center" cast-shadow receive-shadow>
+        <TresMesh :position="center" cast-shadow receive-shadow v-if="false">
             <TresBoxGeometry :args="box_size" />
             <TresMeshPhysicalMaterial :opacity="0" color="pink" :transparent="true" />
         </TresMesh>