欢迎光临散文网 会员登陆 & 注册

4、Three.js加载Fbx动画模型和修改模型位置旋转模型、缩放模型

2023-03-11 12:25 作者:王钟泽  | 我要投稿

1、Three.js加载fbx动画模型

创建admin06.html文件——》接着编写下面的代码——》

动画模型下载地址:https://ringstar.top/threejs/examples/model/model02/jiangtun.fbx

此时运行这个文件,就可以看到一个正在运动的动画模型——》

2、three.js修改模型位置

注意问题:three.js加载fbx、gltf以及修改fbx、gltf模型位置的代码均有稍微差别(报错就看官方案例)

(1)three.js加载fbx模型修改位置

上面代码通过遍历模型的方式直接设置位置——》浏览器结果,此时可以看到模型居中显示了——》

(2)three.js加载gltf模型和修改位置

注意:这个不需要遍历就可以修改。(那个add里面必须氏mesh.scene,否则报错)

3、Three.js旋转模型

4、Three.js缩放模型





4、Three.js加载Fbx动画模型和修改模型位置旋转模型、缩放模型的评论 (共 条)

分享到微博请遵守国家法律