在a-frame裡實踐3D動畫軟體的支援問題??


(Rex) #1

要在a-frame導入3D模型不是問題,包含obj格式,
但是obj格式只能帶材質與貼圖資訊,無法含動畫等資訊,
如果我要在3D動畫軟體製作動畫,希望a-frame可以支援
glTF可以包括场景、摄像机、动画等,也可以包括网格、材质、纹理,甚至包括了渲染技术(technique)、着色器以及着色器程序
問題1
dae格式因定位問題雖可以號稱支援以上資訊,但是在a-frame還是動不起來
這是我的測試(ps我產生的dae檔案是會動的)
https://rex20150127.github.io/aframe-gltf/C4D/c4ddae1.4.html
問題2
glTF格式在a-frame也是動不起來
這是我的測試(ps我產生的glTF檔案是會動的)
https://rex20150127.github.io/aframe-gltf/gltf/gltf/blender2.html
問題3
為了解決這問題,我企圖用three.js來解決,確實可以利用FBX格式解決這問題,但是a-frame裡有串three.js方式,小的不材,真的去摸不透怎麼串起來,請教各位了。
這是我three.js測試場景
https://rex20150127.github.io/aframe-gltf/threefbx/webgl_loader_fbx.html


(BobChao) #2

我試著從網路上抓些 glTF 也是有的可以讀入有的不行,這邊我要來找一下別人支援…

dae 格式的動畫可以參考這個試試:

剛好這段程式碼也順便展示了在 A-Frame 怎麼叫用 three.js 的功能 – 問題比較會是我們用 A-Frame 插入的物件要怎麼在 script 裡使用這樣。


(BobChao) #3

Don 有做了個線上的 glTF Viewer,按理說這邊可以顯示的都可以讀入 A-Frame,也可以試試:

https://gltf-viewer.donmccurdy.com

來自: https://www.donmccurdy.com/2017/06/27/exporting-gltf-2-0-from-maya-lt-2/


(Rex) #4

感謝bobchao的回答與費心的找資料,這幾天要飛大馬拍片一個月,等回來再試試,如有問題再請教。
感謝