39 lines
1.3 KiB
TypeScript
39 lines
1.3 KiB
TypeScript
import { Color, DoubleSide, MeshStandardMaterial, RepeatWrapping, TextureLoader, Vector2 } from "three"
|
|
import { SVGLoader } from 'three/addons/loaders/SVGLoader.js';
|
|
import { useLoader } from '@tresjs/core'
|
|
|
|
const set_metaril_func = (scene: any, material: any) => {
|
|
scene.children.forEach((el: any) => {
|
|
if (el.isMesh && !el.isInstancedMesh) {
|
|
el.castShadow = true
|
|
el.receiveShadow = true
|
|
}
|
|
if (el.material) el.material = material
|
|
set_metaril_func(el, material)
|
|
})
|
|
}
|
|
const texture = await useLoader(TextureLoader, '/fence_one/svg_tile1.svg');
|
|
// const texture = await useLoader(TextureLoader, '/fence_one/tile1.png')
|
|
|
|
// texture.wrapS = RepeatWrapping;
|
|
texture.wrapT = RepeatWrapping;
|
|
export const set_material = (scene: any, color: any, count: number | undefined = undefined) => {
|
|
let c = color
|
|
if (count) {
|
|
// console.log(texture)
|
|
texture.repeat.set(1, count);
|
|
texture.needsUpdate = true
|
|
}
|
|
|
|
const material = new MeshStandardMaterial({
|
|
color: new Color(c || '#9c9c00'),
|
|
// alphaMap: texture,
|
|
map: count ? texture : undefined,
|
|
transparent: true,
|
|
opacity: 1,
|
|
roughness: 0.5,
|
|
metalness: 0,
|
|
side: DoubleSide,
|
|
})
|
|
set_metaril_func(scene, material)
|
|
} |