如何在三个js中更改AxesHelper颜色？

Question

我正在使用AxesHelper，但我希望它看起来与原始版本有所不同。我们可以更改AxesHelper的材料吗？

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