谷歌浏览器报错信息如下:

Uncapped syntax error: unexpected tag '<'
在加载draco算法,也是根据网上方法引用该文件路径,结果就报错,使用 Parcel 打包构建。
Dracolod.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目录进行下面就好了
Dracolod.setDecoderPath(“/gltf/“);
Dracolod.setDecoderConfig({type: ‘js‘});
Dracolod.预加载();//初始化初始化解码器
License. cetDRACOLoader-65288; dracoLoader-65289;;
loader.load(“/gltf/lou.glb“, //引入一个压缩的gltf模型
function (obj) {
console.log(obj)
Add scene (obj).scene);
},
function(xhr) {
Comfort log (XHR).Loaded / XHR.total) * 100 + “% loaded“);
},
function(error) {
console.error(error)
}
);
}完美进行解决,不报什么错了,记住gltf前后学生都要加斜杠,不加管理还是会报错
以上就是关于“DRACO压缩过后的gltf格式报错解决办法”的相关解答,酷番云云南知名老牌云服务商,云服务器用户按需选择内存、数据盘、cup等配置大小,弹性灵活扩容,平滑升级。专业技术团队7×24小时服务支持,售后无忧!
高性价比云服务器选购地址:
https://www.kufanyun.com/server/buy.html
图片来源于AI模型,如侵权请联系管理员。作者:路飞,如若转载,请注明出处:https://www.kufanyun.com/ask/1306.html
