Threejs之三维坐标系AxesHelper

时间：2020-01-14 16:30:46 收藏：0 阅读：1208

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

技术分享图片

原文：https://www.cnblogs.com/baby123/p/12191637.html