2013-05-10 81 views
-1

我碰到在three.js所有關剝皮但我不明白許多演示出來,做我們導入模型,本身應該是一個動畫一樣,它已經取得了建模動畫軟件,你只需導入虛擬模型並操縱它?的WebGL(three.js所)剝皮動畫基本概念

如果你看看這個〔實施例:http://threejs.org/examples/webgl_morphnormals.html

模型是否在這裏flamingo.js,已成爲動畫,然後出口到JS格式和JavaScript只是通過幀播放?

請任何一個人可以在這裏詳細說明這個概念,我是全新的3D世界和WebGl的東西,我只是無法弄清楚如何爲以js格式導入的任何模型創建動畫。

回答

4

基本上你希望你的模型在導出前動畫。這樣做並沒有錯誤或正確的方法。

也許最簡單的方法是通過Morph Target Animation。另一種方法稱爲剝皮,您可以在其中找到here的示例。

大多數3-D軟件都支持兩種格式的導出。如果您不確定您的型號是否正確導出,請檢查three js examples

例如這裏是動畫模型搖身一變樣子:animated horse

In my personal example我已經通過動畫純JavaScript旋轉模型和移動的影響。

+0

謝謝你的答案先生。這有幫助。還有一個問題,我現在有鳥模型,如果我不得不拍翅膀,我應該考慮什麼?我用攪拌機制作了一個簡單的鳥模型 – monk 2013-05-11 01:22:10

+0

你的例子真的很棒,你可以分享那個代碼嗎?我希望能夠實現的東西就像它......而不是機器人那裏有鳥,它的翅膀在拍打。 – monk 2013-05-11 02:35:41

+0

請參閱[以下教程](http://www.kadrmasconcepts.com/blog/2012/01/24/from-blender-to-threefab-exporting-three-js-morph-animations/) – 2013-05-11 09:32:47