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

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

  1. Maya2014、Blender2.77a

  2. threejs-r82

  3. webpack + gulp

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

1、格式的選擇

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

Collada里面包含了你場景中所有數(shù)據(jù)(camera、scene、light),因?yàn)槭稚羞@次沒有采用這種格式。

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

maya導(dǎo)出fbx的時(shí)候會(huì)有一個(gè)文件格式的選項(xiàng): 二進(jìn)制(導(dǎo)出給blender選擇這種編碼)ASCII(導(dǎo)出給threejs直接用選擇這種編碼)如下圖所示:

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

2、動(dòng)畫的分類

  • 變形動(dòng)畫(threejs中

    網(wǎng)友評(píng)論