DRACO压缩过后的gltf格式报错解决办法

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

DRACO压缩过后的gltf格式报错解决办法

 

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

(0)
上一篇 2021年12月11日 15:53
下一篇 2021年12月15日 15:51

相关推荐

  • 企业网络优化疑问,是优先开通OSS还是CDN,如何选择更合适?

    随着互联网技术的不断发展,内容分发网络(Content Delivery Network,CDN)和对象存储服务(Object Storage Service,OSS)已经成为网站和应用程序中不可或缺的组成部分,对于企业和个人用户来说,选择合适的解决方案至关重要,本文将对比分析OSS和CDN的特点和适用场景,帮……

    2025年11月21日
    0870
  • 全网CDN许可证是否允许在全国各地自由建立机房?政策限制有哪些?

    全网CDN许可证可以全国建立机房吗?全网CDN许可证概述全网CDN许可证,全称为“全网内容分发网络许可证”,是我国通信管理部门为规范CDN行业发展而颁发的许可证,根据《互联网信息服务管理办法》的规定,从事CDN服务的单位必须取得全网CDN许可证,全网CDN许可证分为甲级、乙级两个等级,甲级适用于在全国范围内开展……

    2025年11月14日
    0820
    • 服务器间歇性无响应是什么原因?如何排查解决?

      根源分析、排查逻辑与解决方案服务器间歇性无响应是IT运维中常见的复杂问题,指服务器在特定场景下(如高并发时段、特定操作触发时)出现短暂无响应、延迟或服务中断,而非持续性的宕机,这类问题对业务连续性、用户体验和系统稳定性构成直接威胁,需结合多维度因素深入排查与解决,常见原因分析:从硬件到软件的多维溯源服务器间歇性……

      2026年1月10日
      020
  • 关于ASP.NET开发WAP手机网站的技术选型与实施步骤是什么?

    ASP.NET开发WAP手机网站的技术实践与行业应用ASP.NET作为微软推出的企业级Web开发框架,凭借其强大的组件库、灵活的架构设计和丰富的生态资源,在移动端WAP(Wireless Application Protocol)网站开发领域展现出卓越的性能,WAP作为早期移动设备访问互联网的标准协议,虽被HT……

    2026年1月13日
    0830
  • 如何使用Ubuntu 配置webdav服务器:

    什么是WebDAV?简单地说:“基于Web的分布式创作和版本”的Web。它属于HTTP协议并且允许用户协作编辑和管理远程Web服务器上的文件的扩展。听说苹果的icloud 也是基于…

    2021年11月17日
    01.7K0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注