three.js改变模型局部颜色(vue)

传入想要改变颜色的3D模型对象,选择子级mesh的名字修改模型局部颜色

object.traverse(child=>{// if(object.name==='model.glb') {//   console.log("加工中心",child.name)//   // flashingName = "mesh_8"// }if(child instanceof THREE.Mesh && child.name===flashingName){//给指示灯上色// let newMaterial = child.material.clone();newMaterial = new THREE.MeshBasicMaterial({color: showColor, //可修改报警时的闪烁颜色transparent: true,opacity: 0.8, //可修改报警闪烁是的透明度wireframe: false,// depthWrite: false,side: THREE.DoubleSide,});child.material = newMaterial;}})

three.js改变模型局部颜色(vue)相关推荐

ps改变图片局部颜色
本人美工不行,所以经常要到网上找图片,但是图片也不能完全copy人家的啊,所以就要修改,比如最近再做一个手电筒的小程序,拿到的图片是这样的: 我想把中间的部分改下色调以便形成开关按钮的不同效果因此作 ...
Vue改变网页背景颜色切换
今天给大家分享一个好看的网页背景颜色切换的html文件功能支持: 1.点击默认主题内容区域切换对应颜色,包括文字背景和文字颜色 2.在动态颜色中可以选择自己喜欢的颜色动态切换实现代码: <! ...
VUE使用Three.js实现模型，点击交互，相机旋转视角跟随移动（Threejs中使用Tweenjs，含demo源码）
目录一.Three.js是什么? 二.VUE简单使用Three.js步骤 1.npm安装 2.template模板 3.引入库 4.定义全局变量 5.初始化场景 6.初始化相机 7.初始化灯光 8. ...
Ant Design vue 改变表格背景颜色
写这篇文章之前,我已经和经理掰扯半天了.我实现的代码写成文档,复制到他的电脑上没效果.我自己的电脑就可以实现功能.一开始我写的代码也没有效果,但改来改去突然就可以了,写成原来的样子也可以实现了,没研究 ...
学习踩坑：在Vue项目中使用svg标签却无法改变图标的颜色
在Vue项目中使用svg标签却无法改变图标的颜色在学习 vue 实战项目的过程中,用到了 svg 模块,对其使用了 fill 属性后,图标的颜色却没有任何的改变,反复查看了视频,步骤是一模一样的,却 ...
[unity3d][通过代码]改变材质球颜色,动态改变材质球颜色,动态改变模型颜色
unity通过代码改变材质球颜色 gitee地址:https://gitee.com/asiworld csdn博客地址:https://blog.csdn.net/JianShengShuaiest ...
cesium 使用entities、primitives添加的模型并且改变模型颜色
entities方式绘制模型:[线条] var gltf = viewer.entities.add({guid: crossguid,name: 'gltf',polyline: {width: 1 ...
Color.js增强你对颜色的控制
往逝之因不要低头,皇冠会掉... 可你又没有皇冠 Color.js 增强你对颜色的控制阅读目录轻松管理颜色--color.js库使用color.js Accessor Methods 你该知 ...
Three.js精灵模型Sprite
Three.js精灵模型Sprite 本文是Three.js电子书的10.1节 Three.js的精灵模型对象Sprite和Threejs的网格模型Mesh一样都是模型对象,基类都是Object3D, ...

three.js改变模型局部颜色(vue)

three.js改变模型局部颜色(vue)相关推荐

最新文章

热门文章