components/model/fence.vue

@@ -125,7 +125,7 @@ const setFastening = () => {
     two.scale.set(-1, lamelles_count.value, 1);
 
     const top = props.models.top.children[0].clone();
-    top.scale.setComponent(0, ((extra.value as number) || fence_section.value));
+    top.scale.setComponent(0, 1);
     top.position.set(pillar_size * 0.5, lamelles_count.value * lSize, 0)
 
     let arr = [one.clone(), two.clone(), top.clone(),]
@@ -136,6 +136,14 @@ const setFastening = () => {
 }
 setFastening()
 watch([pillar_color, fence_section, lamelles_count], setFastening)
+
+const setLamellesColor = () => {
+    if (instanced_lamelle.value) {
+        set_material({ children: [instanced_lamelle.value] }, getColorHexFromRal(lamelle_color.value))
+    }
+}
+setLamellesColor()
+watch([instanced_lamelle, lamelle_color], setLamellesColor)
 </script>
 <template>
     <TresGroup :scale="scale_koef" :position-x="translate_to_section" :name="`fence ${index}`" :position-y="0">

utils/material.ts

@@ -21,6 +21,7 @@ for (let index = 0; index < patterns.length; index++) {
         loaded_patterns[filename] = useLoader(TextureLoader, filename)
     }
 }
+const test_texture = useLoader(TextureLoader, '/texture/test_texture.jpg')
 
 export const set_material = (scene: any, color: any, pattern: { pattern: patternTypes, count: number } | undefined = undefined) => {
     let c = color
@@ -47,6 +48,14 @@ export const set_material = (scene: any, color: any, pattern: { pattern: pattern
             })
         }
     }
+    test_texture.then((res: Texture) => {
+        res.wrapT = RepeatWrapping;
+        res.repeat.set(1, 10);
+        res.needsUpdate = true
+        material.map = res;
+        material.normalMap = res;
+    })
+
     if (scene) set_metaril_func(scene, material)
     else console.log(scene)
 }