1. 程式人生 > >Three.js學習筆記-Blender匯出的gltf格式的材質無法顯示問題處理

Three.js學習筆記-Blender匯出的gltf格式的材質無法顯示問題處理

程式碼

var gltfLoader = new THREE.GLTFLoader();
      gltfLoader.load( 'assset/test/testgltf1.gltf', function ( gltf ) {
                    gltf.scene.position.set(0,2,3);
                    scene.add( gltf.scene );
                    console.log(gltf.scene.children[0])
                } );

Blender 處理

建好簡單的模型及給模型選擇貼圖後,渲染模型可以看得到材質。通過gltf匯出就存在無法顯示貼圖的問題。
剛開始以為只要給幾何體選擇材質和貼圖,然後儲存通過Blender中官方提供的gltf格式外掛匯出就沒啥問題了。
然後將自己匯出的檔案和官網的對比了一下,發現沒啥問題,都是一個.bin格式檔案,一個.gltf格式的檔案,和你用到的貼圖檔案。下面是我的匯出檔案
圖片
當我去載入glft格式的檔案時發現如何都無法加載出來貼圖,然後列印相關的資訊發現都能找到
圖片
圖片
但是為何載入不出來,當時也是猜測Blender中那還需要設定一下,只不過時間有限啊。。。。。。。。。。。。。。。。
然後上Three.js官方論壇,尋求幫助,看他們的說法也是沒啥幫助的,感覺都是瞎猜測,失望嘍。。。。過了四天後有個大佬給出問題所在,如下圖


只有設定uvmap才能顯示。。。。。雖然解決了,發現還有一大堆的問題後續要解決,加油吧