mns/mns-mini-zabor
mns
/
mns-mini-zabor
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

circle

This commit is contained in:
Kseninia Mikhaylova 2024-06-07 13:13:04 +03:00
parent b0b53999bf
commit ff55ba8ee6
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/calcValues.vue
View File

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

7
components/model/parametric.vue
View File

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