Threejs之三维坐标系AxesHelper

Threejs里通过AxesHelper 类,可以创建一个可视化的三维坐标系

AxesHelper( size : Number )

参数说明

size -- 轴的线的大小,默认为 1

 eg:

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

Threejs之三维坐标系AxesHelper

 说明:

  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);

Threejs之三维坐标系AxesHelper

通过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);

Threejs之三维坐标系AxesHelper

Threejs之三维坐标系AxesHelper

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);

Threejs之三维坐标系AxesHelper

上一篇:自动存储管理ASM日常维护(一)


下一篇:Map 转换成byte[] 数组