雖然利用threejs來在網(wǎng)頁中渲染3d模型不是第一次折騰了,但是還是遇到了各種問題。總結(jié)下我所遇到的問題,希望能給正在使用threejs的小伙伴一個幫助。

一、所使用的軟件與開發(fā)環(huán)境

  1. Maya2014、Blender2.77a

  2. threejs-r82

  3. webpack + gulp

二、 動畫模型的導(dǎo)入導(dǎo)出

1、格式的選擇

threejs支持的動畫模型有Collada(.dae)、mmd(用過MikuMikuDance的應(yīng)該知道) 、fbx、json。

Collada里面包含了你場景中所有數(shù)據(jù)(camera、scene、light),因為手生所有這次沒有采用這種格式。

fbx雖然網(wǎng)頁中可以加載fbx,但我常用的是從其它軟件中導(dǎo)個fbx給blender用。不過這里值的注意一下,以maya為栗子。

maya導(dǎo)出fbx的時候會有一個文件格式的選項: 二進制(導(dǎo)出給blender選擇這種編碼)、ASCII(導(dǎo)出給threejs直接用選擇這種編碼)如下圖所示:

移動開發(fā)培訓(xùn),Android培訓(xùn),安卓培訓(xùn),手機開發(fā)培訓(xùn),手機維修培訓(xùn),手機軟件培訓(xùn)

2、動畫的分類