首页 > 解决方案 > three.js raycaster 可以与 fbx2gltf 导出的 Group 模型交互吗?

问题描述

帮帮老哥 我使用 three.js raycaster() 函数与 Group 中的 Object3D 相交,但它什么也不返回......如果我将网格放入场景中,raycaster() 可以与 THREE.mesh 相交,所以这是否意味着raycaster() 函数不支持导入对象?

与点击事件相交的代码

        function onMouseClick(event) {
            mouse.x = ((event.clientX - canvas.getBoundingClientRect().left) / canvas.offsetWidth) * 2 - 1;
            mouse.y = - ((event.clientY - canvas.getBoundingClientRect().top) / canvas.offsetHeight) * 2 + 1;

            raycaster.setFromCamera(mouse, camera);

            var clickobjstore = raycaster.intersectObjects(huojia.children[0], true);

            console.log(clickobjstore);

            for (var i = 0; i < clickobjstore.length; i++) {
                console.log(clickobjstore);
                clickobjstore[i].object.material.color.set(0xff0000);

            }
            renderer.render(scene, camera);
        }

控制台上组对象的 img

内存上的组对象

标签: javascriptthree.jsraycastinggltf

解决方案


推荐阅读