ThreeJS – 动态更换fbx模型的某个子Mesh现有的纹理贴图为指定的纹理贴图
本文作者:StubbornHuang
版权声明:本文为站长原创文章,如果转载请注明原文链接!
原文标题:ThreeJS – 动态更换fbx模型的某个子Mesh现有的纹理贴图为指定的纹理贴图
原文链接:https://www.stubbornhuang.com/1125/
发布于:2021年01月28日 15:44:40
修改于:2021年01月28日 15:44:40

1 动态更换fbx模型的指定纹理贴图
在使用ThreeJS中的FBXLoader的过程中,我们在有的时候只需要Fbx模型的网格信息,而每个网格的纹理我们想自己动态的指定,这在OpenGL中很简单,在ThreeJS同样也是非常简单。
动态更换子mesh中纹理贴图可参考以下代码:
var fbxModelfilepath = './example.fbx';
var fbxLoader = new THREE.FBXLoader();
fbxLoader.load(fbxModelfilepath,function(fbxObject){
fbxObject.traverse(function(child){
if(child instanceof THREE.Mesh)
{
if(child.name.indexOf("Body") != -1)
{
// 如果贴图格式为tga则使用THREE.TGALoader
// var loader = new THREE.TGALoader();
// 如果贴图格式为其他普通格式,则使用Three.TextureLoader
var loader = new Three.TextureLoader();
loader.load(
'./Resource/body.png', // 本地路径的图片
// 加载完贴图后的回调函数
function (texture) {
child.material.map = texture;
child.material.needsUpdate = true;
console.log("身体贴图更新完毕");
},
// 目前不支持加载贴图过程中的回调函数
undefined,
// 加载出错时候的回调函数
function (err) {
console.error('An error happened.');
}
);
}
}
});
scene.add(fbxObject);
});
当前分类随机文章推荐
- ThreeJS - 摄像机绕X轴、绕Y轴、绕Z轴旋转指定角度 阅读354次,点赞1次
- ThreeJS - 修复摄像机近距离模型或者摄像机在某些观察角度3D模型部分或者全部不可见的问题 阅读245次,点赞0次
- ThreeJS - FBXLoader: TGA loader not found, creating placeholder texture for ... 阅读346次,点赞0次
- ThreeJS - 使用自定义Shader 阅读307次,点赞2次
- ThreeJS - 获取当前使用的three.js的版本 阅读240次,点赞0次
- ThreeJS - 直接设置Fbx模型的某个关节的位移和旋转值 阅读1557次,点赞0次
- ThreeJS - 使用Hdr环境贴图作为间接光照对模型进行渲染 阅读680次,点赞3次
- ThreeJS - 如何提升three.js的渲染效果?看完这篇你可能会有启发 阅读1796次,点赞0次
- ThreeJS - three.moudle.js报Uncaught SyntaxError:Unexpected token ‘export‘错误 阅读1683次,点赞0次
- ThreeJS - 设置透明背景模仿L2Dwidget.js看板娘渲染效果 阅读261次,点赞0次
全站随机文章推荐
- 深度学习 - Python实现CTC Decode解码算法Greedy Search Decode,Beam Search Decode,Prefix Beam Search Decode 阅读887次,点赞0次
- FFmpeg - 自定义http请求参数,如user-agent,headers,referer等 阅读302次,点赞0次
- ThreeJS - FBXLoader: TGA loader not found, creating placeholder texture for ... 阅读346次,点赞0次
- 我的开源项目 - 3DPoseEstimation从2D视频中估计人物三维姿势,并生成BVH文件 阅读10446次,点赞30次
- 资源分享 - OpenGL编程指南(原书第7版)- OpenGL红宝书高清扫描版PDF下载 阅读4561次,点赞1次
- 深度学习 - 深度学习中的多维数据存储方式NCHW和NHWC 阅读945次,点赞0次
- C++STL容器 - std::vector元素访问方式总结 阅读629次,点赞0次
- 资源分享 - Essential Mathematics for Games and Interactive Applications(First Edition) 英文高清PDF下载 阅读1617次,点赞0次
- VPS - 使用XShell连接VPS 阅读3037次,点赞0次
- WordPress - 在文章页顶部加入百分比阅读滚动进度条 阅读754次,点赞2次
评论
164