第一天上課的成果 匯dae、用jquery作動畫

http://scsonic.com/aframe/test1.html

簡單的作了一個不考慮美感的
下一步的目標是
取得dae中的關節名稱、改變其rotate,讓機器人動
目前還在尋找文件中 qq

2 Likes

找關節那個如果有成功的話再請分享一下,可以直接從 script 控制的話還挺讚的 (或許可以把載入 dae 的 component 拆開來看看)

看source:


似乎是three.js中的 setFromAxisAngle
還在看 a-frame 跟 three.js之間如何溝通 @@

可以轉了


    var el = document.querySelector('#mymodel') ;  

    var joint8 = el.object3D.getObjectByName( "joint8") ;
    joint8.rotateX( 0.45 );

    var joint10 = el.object3D.getObjectByName("joint10") ;
    joint10.rotateZ( 0.30 );

我到現在還不是很懂Vector3 Vector4 及其相關運算怎麼作 一堆matrix互乘 囧
el.object3D 這裡有一個樹狀結構,我不知道在3d圖學裡面,這叫什麼
此dae匯到xcode裡面時,它寫 "scene graph"
這個代表了機器人的各骨架

3D computer graphics叫做Skeletal animation,本身骨架是一個樹狀結構,每一個child node的world transform會是他parent node的world transform * child’s local transform。