4、Three.js加載Fbx動(dòng)畫模型和修改模型位置旋轉(zhuǎn)模型、縮放模型
1、Three.js加載fbx動(dòng)畫模型
創(chuàng)建admin06.html文件——》接著編寫下面的代碼——》
動(dòng)畫模型下載地址:https://ringstar.top/threejs/examples/model/model02/jiangtun.fbx
此時(shí)運(yùn)行這個(gè)文件,就可以看到一個(gè)正在運(yùn)動(dòng)的動(dòng)畫模型——》
2、three.js修改模型位置
注意問題:three.js加載fbx、gltf以及修改fbx、gltf模型位置的代碼均有稍微差別(報(bào)錯(cuò)就看官方案例)
(1)three.js加載fbx模型修改位置
上面代碼通過遍歷模型的方式直接設(shè)置位置——》瀏覽器結(jié)果,此時(shí)可以看到模型居中顯示了——》

(2)three.js加載gltf模型和修改位置
注意:這個(gè)不需要遍歷就可以修改。(那個(gè)add里面必須氏mesh.scene,否則報(bào)錯(cuò))
3、Three.js旋轉(zhuǎn)模型
4、Three.js縮放模型
標(biāo)簽: