components/model/fence.vue

@@ -86,8 +86,16 @@ watch([section_count, fence_section, extra_section], () => {
     }
 })
 
+const setBraceCount = () => {
+    brace_count.value = Math.ceil(lamelles_count.value / 4)
+}
+
 const brace = props.models.brace.clone().children[0]
 const brace_h = lamelle_height.value * 3
+const brace_count = ref<number>()
+
+setBraceCount()
+watch(lamelles_count, setBraceCount)
 
 const pillar = ref<Mesh[]>([])
 const setPillar = () => {
@@ -154,8 +162,8 @@ watch([instanced_lamelle, lamelle_color], setLamellesColor)
             <template v-for="item in pillar">
                 <TresMesh v-bind="item.clone()" />
             </template>
-            <template v-for="i in (lamelles_count % 4)">
-                <TresMesh v-bind="brace.clone()" :position-y="brace_h * (i - 1)" />
+            <template v-for="i in brace_count">
+                <TresMesh v-bind="brace.clone()" :position-y="brace_h * i" />
             </template>
         </TresGroup>
 
@@ -163,8 +171,8 @@ watch([instanced_lamelle, lamelle_color], setLamellesColor)
             <template v-for="item in pillar">
                 <TresObject3D v-bind="item.clone()" />
             </template>
-            <template v-for="i in (lamelles_count % 4)">
-                <TresMesh v-bind="brace.clone()" :position-y="brace_h * (i - 1)" />
+            <template v-for="i in brace_count">
+                <TresMesh v-bind="brace.clone()" :position-y="brace_h * i" />
             </template>
         </TresGroup>