深圳网站建设报价,江西网站建设技术,松门建设规划局网站,wordpress小米商城主题接上篇小模型的删除☞threeJS 大模型中对小模型进行删除-CSDN博客
针对已有模型#xff0c;根据数据状态进行贴图处理#xff0c;例如#xff1a;机房内电脑告警状态、电脑开关机状态下的不同状态贴图等
示例模型还是以丛林小屋为例#xff1a;针对该模型中的树干进行贴图…接上篇小模型的删除☞threeJS 大模型中对小模型进行删除-CSDN博客
针对已有模型根据数据状态进行贴图处理例如机房内电脑告警状态、电脑开关机状态下的不同状态贴图等
示例模型还是以丛林小屋为例针对该模型中的树干进行贴图处理
原图 贴图后忽略红色丑树干只是增强演示效果 找模型的小tip
第一步加载完模型后查看下模型的结构可以打印下object的子模型 输出结果 大概知道这个模型由哪些子模型组成这个模型没有group的概念只有简单的mesh组成根据实际的业务需求模型名称可能有一定的约束规范例如id之类。
我们以name为‘BTree_BrichTree_0’为例进行大模型中的对其删除操作具体代码如下 // 贴图的方法设置全局变量screenMaterial, 对其材质赋值loadTexture() {const img require(/assets/img/threeImg/pop-item-red.png); // 贴图路径const textureLoader new THREE.TextureLoader();textureLoader.load(img, texture {this.screenMaterial new THREE.MeshStandardMaterial({ map: texture });});},
selectedObject.material this.screenMaterial; // 敲黑板划重点
单个模型的情况下直接对其进行 material 进行赋值即可亲测有效
const name BTree_BrichTree_0;
const selectedObject object.getObjectByName(name);
selectedObject.material this.screenMaterial; // 敲黑板划重点
模型组的场景对其进行children遍历进行材质重新赋值
for (let i selectedObject.children.length - 1; i 0; i--) {const child selectedObject.children[i];if (child instanceof THREE.Mesh child.name.indexOf(name) ! -1 child.material.map) {child.material this.screenMaterial;}
}
