专注、交流、分享
云计算领域最新资讯

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

赞(0)
未经允许不得转载:酷番云知识库 » DRACO压缩过后的gltf格式报错解决办法
  • 日销500+
    基础型虚拟主机

    共享CPU

    共享内存

    2G空间

    共享带宽

    共享IP

    分布式存储

    适合个人博客、个人站长类网站

    ¥9 原价¥28

  • 日销500+
    超值型云主机CVM

    2核CPU

    2G内存

    180G硬盘

    5M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥99 原价¥210

  • 日销500+
    通用型云服务器ECS

    4核CPU

    4G内存

    50G硬盘

    20M带宽

    独立IP

    分布式存储

    适合电商、论坛类网站

    ¥254 原价¥322

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

中国领先的企业级云服务提供商

域名注册云服务器