为了账号安全,请及时绑定邮箱和手机立即绑定

three.js 怎么点击加载完成的gltf模型?

three.js 怎么点击加载完成的gltf模型?

陪伴而非守候 2018-11-13 22:08:29
加载gltf文件的代码如下:function loadGLTF(path, fileName) {      var loader = new THREE.GLTFLoader();       loader.load(`${path}${fileName}.gltf`, function (gltf) {               let object = gltf.scene;         object.scale.set(scale, scale, scale);         scene.add(object);       });     }这里加载出来的object是一个scene。点击代码如下: window.addEventListener("mousedown", mousedown);    var raycaster = new THREE.Raycaster();    var mouse = new THREE.Vector2();    function mousedown() {       mouse.x = e.clientX / renderer.domElement.clientWidth * 2 - 1;       mouse.y = -(e.clientY / renderer.domElement.clientHeight * 2) + 1;       raycaster.setFromCamera(mouse, camera);      var intersects = raycaster.intersectObjects(scene.children);      if (intersects.length > 0) {        console.log(intersects[0].object);       }     }点击时,点击不到加载的gltf物体,返回的总是空,或者是其它非加载的物体。
查看完整描述

1 回答

?
MMTTMM

TA贡献1869条经验 获得超4个赞

只有硬写了- -,把加载模型递归children,每个children加个所属模型标识,放入一个数组,判断是否点击到了数组中的子元素,再根据子元素找所属模型

查看完整回答
反对 回复 2018-11-13
  • 1 回答
  • 0 关注
  • 1608 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信