Threejs之三維坐標系AxesHelper

Threejs里通過AxesHelper 類，可以創建一個可視化的三維坐標系

AxesHelper( size : Number )

參數說明

size -- 軸的線的大小，默認為 1

 eg：

var axes = new THREE.AxisHelper(30);
scene.add(axes);

 說明：

　　threejs中采用的是右手坐標系

　　紅線是X軸，綠線是Y軸，藍線是Z軸

eg：

var axes = new THREE.AxisHelper(30);
scene.add(axes);
var gridHelper = new THREE.GridHelper( 100, 30, 0x2C2C2C, 0x888888 );
scene.add(gridHelper);

通過position進行平移

var axes = new THREE.AxisHelper(30);
axes.position.y = 5;
scene.add(axes);
var gridHelper = new THREE.GridHelper( 100, 30, 0x2C2C2C, 0x888888 );
scene.add(gridHelper);

rotation進行旋轉

var axes = new THREE.AxisHelper(30);
axes.rotation.y -=0.5;
scene.add(axes);
var gridHelper = new THREE.GridHelper( 100, 30, 0x2C2C2C, 0x888888 );
scene.add(gridHelper);