Object 在Three.js中更改线条颜色

Object 在Three.js中更改线条颜色,object,colors,three.js,line,Object,Colors,Three.js,Line,在Three.js中,是否有一种简单而直接的方法可以在渲染对象后更改其颜色?甚至更好的是,你能在颜色被分配到一堆线之后改变它的RGB组成,而不需要特别检查每一条线或子线吗 我们尝试了几种方法。首先,我们为线段指定了颜色 lineG.vertices.push(new THREE.Vector3(xA,zA,yA)) lineG.vertices.push(new THREE.Vector3(xB,zB,yB)) for (var i = 0; i < 2; i++) lineG.colo

在Three.js中,是否有一种简单而直接的方法可以在渲染对象后更改其颜色?甚至更好的是,你能在颜色被分配到一堆线之后改变它的RGB组成,而不需要特别检查每一条线或子线吗


我们尝试了几种方法。首先,我们为线段指定了颜色

lineG.vertices.push(new THREE.Vector3(xA,zA,yA))
lineG.vertices.push(new THREE.Vector3(xB,zB,yB))

for (var i = 0; i < 2; i++) lineG.colors.push(colr) 
newLine = new THREE.Line(lineG, lineMat)
lines.add(newLine)
其中,随着模拟的进行,“a”的值在0.15、0.3和0.45之间循环。我们发现,我们能够在第一次渲染之前更改颜色的组成,但在后续渲染中无法更改


之后,我们尝试将不同的线条集指定给不同的对象(尽管它们是同一风暴径流模式的一部分),然后更改每个对象的颜色,但也没有改变。我们尝试了几种方法。 首先,我们为线段指定了颜色

lineG.vertices.push(new THREE.Vector3(xA,zA,yA))
lineG.vertices.push(new THREE.Vector3(xB,zB,yB))

for (var i = 0; i < 2; i++) lineG.colors.push(colr) 
newLine = new THREE.Line(lineG, lineMat)
lines.add(newLine)
式中,'a'的值在0.15、0.3和0.45之间循环 随着模拟的进行。我们发现我们能够 要更改颜色的组成,请在第一次 渲染,但不在后续渲染中渲染

之后,我们尝试分配不同的线集 不同的对象(尽管它们是 相同的暴雨径流模式),然后更改颜色 每一个物体,但也没有雪茄

lineG.vertices.push(new THREE.Vector3(xA,zA,yA))
lineG.vertices.push(new THREE.Vector3(xB,zB,yB))

for (var i = 0; i < 2; i++) lineG.colors.push(colr) 
newLine = new THREE.Line(lineG, lineMat)
lines.add(newLine)
blue_one.setRGB(0.0,0.0+a,0.3+a); colr = blue_one