<output id="qn6qe"></output>

    1. <output id="qn6qe"><tt id="qn6qe"></tt></output>
    2. <strike id="qn6qe"></strike>

      亚洲 日本 欧洲 欧美 视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

      three.js 創建模型后,想要實現點擊模型獲取模型對象觸發相應事件。可以使用它提供的API THREE.Raycaster()

      https://threejs.org/docs/index.html?q=Raycaster#api/en/core/Raycaster

       
      //監聽點擊事件
      window.addEventListener('click', (event) => {
      
          event.preventDefault();
      
          var raycaster = new THREE.Raycaster();
      
          var mouse = new THREE.Vector2();
      
          mouse.x = ((event.clientX) / renderer.domElement.clientWidth) * 2 - 1;
      
          mouse.y = -((event.clientY) / renderer.domElement.clientHeight) * 2 + 1;
      
          raycaster.setFromCamera(mouse, camera);
      
          var intersects = raycaster.intersectObjects(scene.children, true);
      
            //當intersects.length > 0說明碰點擊到物體(可能為多個重合的物體),獲取最近的物體名稱進行判斷
      
          if (intersects.length > 0) {
              console.log(intersects)
          }
      
      });

      如果當前場景不是整個頁面 需要調整鼠標拾取位置 否則獲取數據不準確具體調整代碼如下(其中的renderer就是場景canvas大小

              const mouse = new THREE.Vector2();
              // 轉換為webgl坐標系下的鼠標位置
              mouse.x = ((event.clientX - renderer.domElement.getBoundingClientRect().left) / renderer.domElement.clientWidth) * 2 - 1;
              mouse.y = -((event.clientY - renderer.domElement.getBoundingClientRect().top) / renderer.domElement.clientHeight) * 2 + 1;
      
              // // 使用鼠標位置更新射線投射器
              raycaster.setFromCamera(mouse, camera);
              
              // // 計算鼠標點擊的所有物體
              const intersects = raycaster.intersectObjects(scene.children, true);
              
              // 如果有物體被點擊,輸出它的信息
              if (intersects.length > 0) {
                  // 取第一個被點擊的物體
                  let intersect = null;
                  intersects.forEach((ele) => {
                      if(ele.object.name == "partitionName"){
                          intersect = ele;
                      }
                  })
                  if(intersect){
                      // 輸出被點擊的物體信息
                      console.log('輸出被點擊的物體信息');
                      console.log(intersect.object);
                      if(intersect.object.partitionInfo.volume){
                          intersect.object.partitionInfo.volume = Number(intersect.object.partitionInfo.volume).toFixed(2)
                      }
                      this.currentPartition = { ...intersect.object.partitionInfo }
                      // console.log(intersects);
                  }
                  // 你可以獲取更多的信息,例如點的位置、面的法線等
                  // console.log(intersect.point);
                  // console.log(intersect.face.normal);
              }

       

      posted on 2024-10-08 09:19  劉世濤6192  閱讀(602)  評論(0)    收藏  舉報
      主站蜘蛛池模板: 国产不卡在线一区二区| 国产日韩av一区二区在线| 92国产精品午夜福利免费| 91精品国产福利尤物免费| 国产普通话对白刺激| 曲松县| 日本japanese丰满白浆| 激情内射亚洲一区二区三区 | 成人国产精品日本在线观看| 亚洲av一本二本三本| 成人午夜视频在线| 午夜福利国产精品小视频| 老鸭窝在钱视频| 韩国无码av片在线观看| 午夜福利院一区二区三区| 国产成人无码AV片在线观看不卡| 亚洲精品香蕉一区二区| 国产suv精品一区二区五| 久久久精品国产精品久久| 双乳奶水饱满少妇呻吟免费看| 99www久久综合久久爱com| 亚洲欧美日韩精品久久亚洲区色播| 自慰无码一区二区三区| 亚洲熟妇少妇任你躁在线观看无码| 熟女少妇精品一区二区| 无码人妻丰满熟妇啪啪| 亚洲综合av一区二区三区| 国产仑乱无码内谢| 国产免费高清69式视频在线观看| 一本久道中文无码字幕av| 五月天国产成人av免费观看| 亚洲色最新高清AV网站| 51妺嘿嘿午夜福利| 尤物国产精品福利在线网| 久久人与动人物a级毛片 | 亚洲精品电影院| 在线中文一区字幕对白| 国产精品久线在线观看| 国产精品一品二区三区日韩| 亚洲性夜夜天天天| 色偷偷女人的天堂亚洲网|