circle

components/calcValues.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import converter from 'ral-hex-converter'
 const lamelles_count = useState('lamelles_count', () => 8)
 const fence_section = useState<number>('fence_section', () => 2000 * 0.001)
 const pillar_color = useState('pillar_color', () => '#828282')

components/model/parametric.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Environment } from '@tresjs/cientos'
-import { CineonToneMapping } from 'three';
+import { CineonToneMapping, PCFShadowMap } from 'three';
 
 const lamelles_count = useState<number>('lamelles_count')
 const fence_section = useState<number>('fence_section')
@@ -13,6 +13,8 @@ const pillar_size = 80 * 0.001
 
 const { renderer } = useTresContext()
 renderer.value.toneMapping = CineonToneMapping
+
+renderer.value.shadowMap.type = PCFShadowMap
 </script>
 <template>
     <TresGroup>
@@ -21,6 +23,9 @@ renderer.value.toneMapping = CineonToneMapping
         </Suspense>
         <Suspense>
             <TresGroup :scale="3" :rotate-y="-Math.PI * -0.5" :translate-y="-3.25">
+                <TresMesh receive-shadow>
+                    <TresCircleGeometry :args="[8, 8, 8]" :rotate-x="-Math.PI * 0.5" :rotate-y="-Math.PI * 0.5" />
+                </TresMesh>
                 <ModelItem model-url="/models_one/bottom.glb"
                     :position="[-fence_section * 0.5 - pillar_size, -bSize, 0]" :remove-pos="true"
                     :color="pillar_color" />