标签:function dracoLoader console draco 报错 DRACO gltf
谷歌浏览器报错信息如下:
Uncaught SyntaxError: Unexpected token '<'
在加载draco算法,也是根据网上方法引用该文件路径,结果就报错,我是使用 Parcel 打包构建。
dracoLoader.setDecoderPath("/three/examples/js/libs/draco/gltf/");
解决方法就是把该目录下文件放在静态文件中。静态文件目录:/static/gltf
3D模型是使用3dmax建的模型,导出fbx格式文件。采用 FBX2glTF 转换成 gltf
npm install -g FBX2glTF
然后进入node_global\node_modules\fbx2gltf\bin\Windows_NT目录
> .\FBX2glTF.exe -i .\lou.FBX -b -d
点击查看代码
function loadDRACOModel() {
let loader = new GLTFLoader();
let dracoLoader = new DRACOLoader();
// 加载draco算法,这样才能解析压缩后的gltf模型格式,具体的draco算法文件,
// 直接可以three依赖文件中找到,赋值到static目录下面就好了
dracoLoader.setDecoderPath("/gltf/");
dracoLoader.setDecoderConfig({type: 'js'});
dracoLoader.preload(); // 初始化 initDecoder 解码器
loader.setDRACOLoader(dracoLoader);
loader.load("/gltf/lou.glb", //引入压缩的gltf模型
function (obj) {
console.log(obj)
scene.add(obj.scene);
},
function(xhr) {
console.log((xhr.loaded / xhr.total) * 100 + "% loaded");
},
function(error) {
console.error(error)
}
);
}
完美解决,不报错了,记住gltf前后都要加斜杠,不加还是会报错
标签:function,dracoLoader,console,draco,报错,DRACO,gltf 来源: https://www.cnblogs.com/hmagogo/p/15651001.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。