threejs修改模型旋转轴

1.在不移动模型位置的前提下修改模型的旋转轴

在这里插入图片描述

//通过x,y,z指定旋转中心,obj是要旋转的对象
let wrapper = new THREE.Object3D();
    wrapper.position.set(x,y,z);
    wrapper.add(obj);
    obj.position.set(-x,-y,-z);

// 在render中进行渲染
wrapper.rotation.y += 0.1

2.通过移动模型来实现改变旋转中心

// 思路:把需要改变中心点的模型add到一个group,然后修改模型坐标。就像前端postion定位一样
  let group=new THREE.Group()
  let box=new THREE.BoxGeometry(6,6,2)
  let mail=new THREE.MeshBasicMaterial({color:0xff6600})
  let mesh=new THREE.Mesh(box,mail)
  mesh.position.x=3
  group.add(mesh)
  editor.scene.scene.add(group)
  let i=0.05
  setInterval(()=>{
    group.rotation.y+=i
  },200)
  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值