THRE 几何 merge 射线拾取

例如:创建N个Plane 位置随机,通过创建之后的mesh 设置 lookat设置为(0,0,0),然后merge为一个geometry;

var arr = [];
function addPlane() {
	var geometry = new THREE.PlaneGeometry(5, 5, 32);
	var plane = new THREE.Mesh(geometry);
	return plane;
}
data.forEach((elem,index) => {
    let plane = addPlane( );
    plane.position.set(vec3.x, vec3.y, vec3.z);
    plane.lookAt(new THREE.Vector3(0, 0, 0)); 
    arr.push(plane)
    plane.updateMatrix(); //手动更新模型的矩阵
    geometry.merge(plane.geometry, plane.matrix); //将几何体合并  
});
let mesh = new THREE.Mesh(geometry, material1);
scene.add(mesh);

在这里插入图片描述
生成之后的样子,如果通过射线去拾取plane,会按照geometry的顶点去拾取,但是看到的与射线拾取不同的;
射线拾取时时按照geometry的顶点去拾取,即上面代码中去掉lookat的效果,mesh之后再去改变并不会按照改变之后的拾取;
在这里插入图片描述
如果把位置 和 矩阵的设置 放在 new THREE.PlaneGeometry 的时候 设置 geometry;就可以成功

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

菜鸡饶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值