3d添加印花 等

src/component/HomePage/index/model/patternMaking3D/three.vue

@@ -209,20 +209,31 @@ export default defineComponent({
 			await addModel(url)
 			// addMaterial()
 		}
-		const addMaterial = ()=>{
+		const addMaterial = (url:any)=>{
 			//添加图片材质
 			data.load.state = true
 			let textureLoader = new THREE.TextureLoader()
-			textureLoader.load('https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E7%99%BD%E8%89%B2%E5%9B%BE%E7%89%87&hs=0&pn=8&spn=0&di=7466852183703552001&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&ie=utf-8&oe=utf-8&cl=2&lm=-1&cs=1061489690%2C1376605706&os=2709213815%2C2487532130&simid=3551480199%2C346831275&adpicid=0&lpn=0&ln=0&fm=&sme=&cg=&bdtype=0&oriquery=&objurl=https%3A%2F%2Fwx2.sinaimg.cn%2Fmw690%2F941fd00fgy1hrx01tvys1j20zk1bet8s.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fojtk5_z%26e3Bv54AzdH3Fd9bc88db90AzdH3FO5LdNyykj&gsm=&islist=&querylist=', // 图片放在public/textures目录下
+			textureLoader.load(url, // 图片放在public/textures目录下
 				(texture:any) => {
 				// 3. 配置纹理参数
 				texture.wrapS = THREE.RepeatWrapping;
 				texture.wrapT = THREE.RepeatWrapping;
-				texture.repeat.set(1, 1); // 纹理重复次数
+				
+				// texture.repeat.set(1, 1); // 纹理重复次数
 				texture.anisotropy = 32;  // 提高纹理清晰度
 				data.group?.traverse((child:any) => {
 					if (child.isMesh) {
 						// 5. 创建新材质（根据需求选择材质类型）
+						const textureWidth = texture.image.width;
+						const textureHeight = texture.image.height;
+						const box = new THREE.Box3().setFromObject(child);
+						const modelWidth = box.getSize(new THREE.Vector3()).x;
+						const modelHeight = box.getSize(new THREE.Vector3()).y;
+						const repeatX = modelWidth / textureWidth;
+						const repeatY = modelHeight / textureHeight;
+						// texture.repeat.set(1, 1); // 纹理重复次数
+						texture.repeat.set(repeatX, repeatY); // 纹理重复次数
+
 						const newMaterial = new THREE.MeshStandardMaterial({
 							map: texture,        // 基础颜色贴图
 							roughness: 0.7,      // 表面粗糙度 (0-1)
@@ -231,7 +242,6 @@ export default defineComponent({
 						});
 						// 6. 替换原有材质
 						child.material = newMaterial;
-						
 						// 7. 如果需要单独控制某些子模型的UV
 						if (child.geometry.attributes.uv) {
 							// 可以在这里修改UV坐标
@@ -336,6 +346,7 @@ export default defineComponent({
 			...toRefs(dataDom),
 			...toRefs(data),
 			openSetData,
+			addMaterial,
 		}
 	},
 	provide() {