天天看點

Threejs 加載 DAE 模型遇到關題彙總

Threejs 加載 DAE 模型遇到關題彙總

<a target="_blank" href="http://blog.csdn.net/opengl_es">轉載請保留此句:太陽火神的美麗人生 -  本部落格專注于 靈活開發及移動和物聯裝置研究:iOS、Android、Html5、Arduino、pcDuino,否則,出自本部落格的文章拒絕轉載或再轉載,謝謝合作。</a>

我們來一起看一個 Threejs 官方的示例:

<a target="_blank" href="http://threejs.org/examples/#webgl_loader_collada_skinning">http://threejs.org/examples/#webgl_loader_collada_skinning</a>

Threejs 加載 DAE 模型遇到關題彙總

http://threejs.org/examples/webgl_loader_collada_skinning.html

其中加載的 dae 模型 

的完整位址如下:

<a target="_blank" href="http://threejs.org/examples/models/collada/avatar.dae">http://threejs.org/examples/models/collada/avatar.dae</a>

使用 Mac 作業系統的 Finder 直接可以選中下載下傳到的 avatar.dae ,按空格彈出檢視視窗,效果如下:

Threejs 加載 DAE 模型遇到關題彙總

使用文本編輯器打開 avatar.dae ,搜尋 library_images 關鍵字,找到如下部分:

按相對于 dae 的路徑,拼接出貼圖檔案的完整位址:

<a target="_blank" href="http://threejs.org/examples//models/collada/VWS_B_Male2-2.jpg">http://threejs.org/examples//models/collada/VWS_B_Male2-2.jpg</a>

Threejs 加載 DAE 模型遇到關題彙總

将該貼圖下載下傳并儲存到 avatar.dae 同一目錄下,這樣再用 Finder 檢視,即可看到貼上圖的模型了。

由此可見,dae 是一個完整的自維護的模型,通過其内的 xml 組織的資訊,足以呈現并貼圖所承載的模型,甚至于燈光、動畫,等等。

Threejs 加載 DAE 模型遇到關題彙總

以下角度,可以看到模型有高亮的部分,這裡初步可以斷定是帖圖圖檔上的燈光資訊,也即該貼圖是烘焙上了燈光資訊的。

Threejs 加載 DAE 模型遇到關題彙總

可以這樣來确認,非環境光所照,以下用 xcode 打開 dae ,看其 Lights 部分為空,表示沒有任何燈光。

Threejs 加載 DAE 模型遇到關題彙總

這裡有個技巧,如果你拿到的 dae 模型中有燈光光源,而你又不想要其中的環境光源,那麼可以用文本編輯器打開這個 dae,并找到 ambient XML 标簽:

将其下 color 的内容即環境光的三色值去掉,這樣環境光就不起作用了。

繼續閱讀