three.js中如何旋转物体position坐标系-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

three.js中如何旋转物体position坐标系 已解决

在three.js中导入了外部创建的几何体,我想使物体本身的坐标系围绕Y轴旋转45度:
`object.rotation.y=Math.PI/4;

object.position.x=1;`
但是旋转后物体的坐标并没有变化,即物体的世界坐标还是(1,0,0)。请问我改如何实现这种想法,以上程序错误在哪里?谢谢大家的解答。

展开
收起
云栖技术 2016-06-02 10:08:08 9684 0
2 条回答
写回答
取消 提交回答
  • 云栖技术
    社区爱好者,专为云栖社区服务!
    采纳回答

    rotation改变的是子对象的坐标系,但是不改变本身的坐标系角度,所以想要改变其自身的坐标系方向,可以为其添加父对象,然后改变父对象的rotation。

    temp=new THREE.Object3D();
    temp.add(object);
    temp.rotation.y=Math.PI/4;

    此时object的XZ坐标系就旋转了45度。

    2019-07-17 19:24:06
    赞同 1 展开评论 打赏
  • 叶斋
    Javascript,WebGL,React

    object.rotateYGlobally(Math.PI/4);

    2019-07-17 19:24:06
    赞同 展开评论 打赏
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载