谷歌浏览器报错信息如下:
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小时服务支持,售后无忧!
高性价比云服务器选购地址: