如何在Three.js中更改AxesHelper的颜色？

Question

我正在使用AxesHelper，但是我想让它的外观与原来的不同。我们可以更改AxesHelper的材质吗？

- Mhd

Answer 1

您可以如下更改AxesHelper的颜色：

var axes = new THREE.AxesHelper( 10 );

//reset axes colors
var colors = axes.geometry.attributes.color;

colors.setXYZ( 0, 1, 0, 0 ); // index, R, G, B
colors.setXYZ( 1, 1, 0, 0 ); // red
colors.setXYZ( 2, 0, 1, 0 );
colors.setXYZ( 3, 0, 1, 0 ); // green
colors.setXYZ( 4, 0, 0, 1 );
colors.setXYZ( 5, 0, 0, 1 ); // blue

scene.add( axes );

three.js r.94

- WestLangley

---

谢谢！它有效了。有一个快速问题，请问如何增加axishepler的宽度？我想让它看起来更粗。 - Mhd

请查看此帖子。还请查看这个链接。 - WestLangley

@WestLangley 正在使用 Three.js r.94 进行开发，但是颜色并没有随着以上更改而改变。 - deepak thomas

@deepakthomas 谢谢。已更新帖子。 - WestLangley