關於微信小程序使用Three.js開發AR應用幾何圖形貼圖真機不顯示的問題

在使用開發微信小程序AR應用的過程中,遇到了一個問題,在使用開發者工具編譯的時候,模擬器可以顯示貼圖並顯示,但是在預覽或者真機手機編譯顯示的時候,貼圖中使用的圖片卻不顯示,開始的時候以爲是代碼的問題,最後定位的原因是和圖片相關

      // 創建幾何體
      // const geometry = new THREE.BoxGeometry(50, 50, 50);  // 創建新版本立方體
      const geometry = new THREE.SphereGeometry(50, 50, 50);  // 創建圓球體
      // 創建紋理貼圖
      var texture = new THREE.TextureLoader().load('/imgs/images.jpg');

在真機中使用的圖片對尺寸是有要求的,必須是2的N次冪,例如128,256,512,1024,且比例可以是1:1,1:2,但是1:3的時候就不顯示了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章