账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    three.js 怎么点击加载完成的gltf模型?
    52
    0

    加载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物体,返回的总是空,或者是其它非加载的物体。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部