three.js的raycaster射线无法获取visible为false的网格对象

在做网格对象拖放时,需要创建一个不可见的参考平面,如果将平面对象设置为visible,则射线对象无法获取该平面,就无法进行位置计算。

onDocumentMouseMove: function (e) {
  var event = e || window.event;
  var mouse = new THREE.Vector2();
  mouse.x = (event.clientX / map3d.width) * 2 - 1;//标准设备横坐标
  mouse.y = -(event.clientY / map3d.height) * 2 + 1;//标准设备纵坐标
  // 通过摄像机和鼠标位置更新射线
  map3d.raycaster.setFromCamera(mouse, map3d.camera);

  if (map3d.selection && e.which == 1) {
    //移动物体
    var intersects = map3d.raycaster.intersectObject(map3d.hidePlane);
    var position = intersects[0].point.sub(map3d.offset);
    map3d.selection.position.set(parseFloat(position.x.toFixed(2)),parseFloat(position.y.toFixed(2)),parseFloat(position.z.toFixed(2)));
  } else {
    //1:如果聚焦到了需要移动位置的物体上
    var intersects = map3d.raycaster.intersectObjects(map3d.objects);
    if (intersects.length > 0) {
      //让参考平面的中心点移动到物体的位置
      map3d.hidePlane.position.copy(intersects[0].object.position);
  }
},

  这时候可以将网格对象的材质的visible属性设置为false

// 辅助移动物体
this.hidePlane = new THREE.Mesh(
  new THREE.PlaneBufferGeometry(500, 500, 8, 8), 
  new THREE.MeshBasicMaterial({ color: 0xffffff, visible: false})
);
this.hidePlane.needsUpdate=true;
this.scene.add(this.hidePlane);
this.raycaster = new THREE.Raycaster();
this.offset = new THREE.Vector3();

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值