threejs修改导入的3D模型的初始化角度

threejs修改导入的3D模型的初始化角度_第1张图片

如上是默认加载的看上去是水平的,想修改成俯视的效果如下 :

threejs修改导入的3D模型的初始化角度_第2张图片

1.直接旋转3D模型

//将模型旋转到合适的位置
model.rotation.y = Math.PI / 3;//60度
model.lineModel.rotation.x = Math.PI / 6;//30度

 但是这里就会有问题 及时物体周围生成的label(tip)位置就会错位;

2.还是调整相机的角度更妙(不会影响原本的lable位置)

这里的3个参数分别是x、y、z

x:负数向左旋转;正数向右旋转 数字绝对值越大旋转的角度越大;

z:越大物体越小反之亦然

// this.camera.position.set(0, 0, 100);//第一个图片水平的
this.camera.position.set(-70, 50, 50);//第二个图片俯视效果的

按照这个办法调试到你想要的位置效果

静静等国庆.....

你可能感兴趣的:(vue,three.js,3d)