babylonjs Web3D模型载入报错解决

于 2024-04-22 14:37:58 发布
阅读量284 收藏 2
点赞数 9
文章标签： javascript 开发语言 ecmascript babylonjs 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhuyuyaya/article/details/138075605
版权
文章讲述了在使用Babylon.js时遇到的报错，关于无法找到插件加载GLB文件的问题。提供了解决方案，包括使用不同版本的babylonjs-loaders（ES5和ES6），并指导了安装和导入方法。
摘要由CSDN通过智能技术生成

报错1:BJS - [14:23:17]: Unable to find a plugin to load .glb files. Trying to use .babylon default plugin. To load from a specific filetype (eg. gltf) see: https://doc.babylonjs.com/features/featuresDeepDive/importers/loadingFileTypes

报错2:BJS - [14:11:48]: Unable to find a plugin to load .glb files. Trying to use .babylon default plugin. To load from a specific filetype (eg. gltf) see: https://doc.babylonjs.com/features/featuresDeepDive/importers/loadingFileTypes

均用下面的方法解决即可:

1.

如果你是使用给的npm i @babylonjs-loaders下载的包，修改为下面的
使用npm i babylonjs-loaders 下载这个包

然后导入 import 'babylonjs-loaders'

2.

如果你是使用给的npm i babylonjs-loaders下载的包，修改为下面的
使用npm i @babylonjs-loaders 下载这个包

然后导入 import '@babylonjs-loaders'

3.

如果你未下载babylonjs-loaders或者@babylonjs-loaders这个包

两个分别下载试试,哪个行就用哪个

原因解释:

babylonjs-loaders是ES5版本的

@babylonjs-loaders是ES6版本的

zhuyua
关注
  • 9
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
babylonjs 官方虚拟展厅.glb模型资源
10-27
方便直接把.glb 丢到官方在线沙盒查看，或者是本地加载配合inspector调试。 如果不想下载，可以查看官方在线运行地址： 模型为两个展厅和lightmap二套uv技术展示 https://www.babylonjs-playground.com/#4AJ16M#5 https://www.babylonjs.com/demos/glowingespilit/ https://vernissage.phire.de/
babolon加载glb模型报错
weixin_43151279的博客
06-14 780
importMesh of undefined from undefined version: undefined, exporter version: undefinedimportMesh has failed JSON parse
webgl学习-babylon环境搭建
雨竹的博客
11-18 1200
从今天开始我们就进入对babylon的实践环节，在这里你估计学不到任何webgl和3d的基础知识（因为我也不会），但是你可以学到一些基础实践示例，免去你去官网查询的实践。（吐槽一下，官网的文档真的不会很友好，中文不全不说，示例也比较少，有时候查找某些东西隐藏的很深或者干脆需要你自己试验） 接下来我们进入学习babylon的第一步，搭建环境（额外声明：本次所有代码都是基于vue+w...
Babylonjs学习笔记(一)——搭建基础场景
localhost
10-18 369
babylonjs学习笔记
babylon-loader文档笔记
weixin_45727272的博客
08-19 3232
Babylonjs 加载glTF，OBJ，STL模型 Babylon.js内置的模型格式是.babylon，Babylon.js可以不需要其它额外的插件即可加载。 基本用法 要加载指定的类型的文件，Babylon.js首先需要引入相应文件的插件。 目前支持的文件格式类型： glTF OBJ STL 如果想要快速添加对所有的文件格式的支持，可以将以下脚本引入到页面中： <script src="https://cdn.babylonjs.com/babylon.js"></script&
vue3 + Babylon.js 构建Web 3D场景
最新发布
通达的博客
02-12 2185
vue3 + Babylon.js 构建web 3D场景。
BabylonJS：BabylonJs 3D模型GLTF
02-18
在“BabylonJS：BabylonJs 3D模型GLTF”这个主题中，我们将深入探讨BabylonJS如何支持GLTF（通用传输格式）作为3D模型的导入格式。 GLTF，全称为“Graphics Language Transmission Format”，是一种开放标准，旨在...
源码【babylonjs】模型展示babylon glft viewer
06-01
【babylonjs】模型展示babylon gltf viewer是一款基于Babylon.js库的第三方开发工具，主要用于3D模型的预览和展示。Babylon.js是一个强大的、开源的WebGL和WebVR框架，专为现代浏览器设计，可以创建丰富的交互式3D...
threejs夹杂3d模型
05-22
标题 "threejs夹杂3D模型" 暗示了我们即将探讨的是关于Three.js库在WebGL上创建和操作3D模型的技术。Three.js是一个流行的JavaScript库，它为Web开发人员提供了一种简单易用的方式来实现3D图形，使得在浏览器中呈现...
three.js实现3D模型展示的示例代码
10-18
本篇文章主要介绍了three.js实现3D模型展示的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
babylonjs源码包
11-14
babylonjs原生开发包，直接在html中添加便可使用。轻松开发webgl，导入模型文件等等！
babylonjs：基础，引入外部gltf
weixin_1095的博客
07-05 1008
【代码】babylonjs基础，引入外部gltf。
Babylon.js 第11节 使用babylon开发
m0_73334402的博客
09-06 1827
这将允许我们的 UMD 定义在 node_modules 中找到 oimo 并使用它。如果您使用 AMD，您需要首先将 oimo 声明为模块（因为 oimo 使用匿名 AMD 定义），然后babylon会将其自动引入。Cannon 和 Oimo（都是物理引擎）作为依赖项交付，Cannon 和 Oimo 都是可选依赖项。如果您想使用其中任何一个。注：不能同时使用Babylon.js ES6的包和往期版本的包。如果使用了node.js，还可以用require引入。mygame.ts是项目的入口点。
babylonjs使用笔记
sixam的博客
07-19 5671
目录一、关于二级目录三级目录参考资料 一、关于 babylonjs是用于3D网页游戏开发的WEBGL插件，微软开发和维护的web端3D引擎。 官网地址 中文地址 babylonjs提供了很多很好用的工具， 二级目录 三级目录 参考资料 真是要加油学习呢~ [1]: 基于babylon.js的3D网页游戏从零教程 [2]: 举个例子网：babylonjs教程 ...
Babylonjs Playground中动态加载自己的glb gltf模型（github、dropbox）
02-16 5422
目录 以下提供两种常用的方法 （使用科学梯子） 先说总结：对比 github和dropbox github外链使用方法 方法一：rootUrl添加链接路径。sceneFilename必须置空 方法二：rootUrl填写文件夹路径，sceneFileName填写对应的文件名字 方法三：gltf+bin文件 见案例： 额外补充：群友盲猜大佬整理的pg加载原神模型+卡通渲染，已被官方添加到首页demo案例墙上 dropbox外链使用方法： ①https://www.dropbox.com/ ..
Babylonjs 基础教程与填坑①入门常用网址
热门推荐
04-12 1万+
入坑babylon.js一段时间了，现在项目上线了，整理一下基础的入坑姿势和部分填坑技巧，记录一下遇到过的一些问题。 babylonjs大法好，在webgl领域，国内社区活跃度还比不过three，入坑时好多东西只能自己研究。 目录 先说总结： 以下网址中，只是我先做一下简单概括笼统的整合网址链接，具体拓展放在之后章节（大概不咕） 常用网址（国内）4.1版本 非最新版本 有playground基本表示就有源码了 这点非常非常关键，babylon这点比three好非常多 可以在线运行和ins.
sudo: fatal error, unable to load plugins解决办法
qq_41176921的博客
05-27 4041
错误信息： sudo: error in /etc/sudo.conf, line 0 while loading plugin `sudoers_policy' sudo: /usr/lib/sudo/sudoers.so must be only be writable by owner sudo: fatal error, unable to load plugins 查了一下，是某些文件的权限被修改了所以不行，要改回440。 看了一下错误信息，觉得应该是usr目录下的 /usr/lib/sudo
babylon 里面加gltf 模型
qianbo042311的博客
08-03 1421
先上图看结果，好看很多 天空盒 加载模型文件 babylonjs里面加模型文件等等比较简单 code 不使用天空盒，使用默认环境，如下图所示
three.js载入3D模型的所有方法
05-11
载入3D模型的方法主要取决于模型的格式和文件来源。以下是一些通用方法： 1. 使用Three.js自带的加载器：Three.js 提供了几个不同的加载器来处理不同的3D文件格式，例如OBJ、FBX、GLTF等。你可以使用这些加载器中的任何一个来加载你的3D模型。示例代码： ``` // 加载OBJ格式的模型 const loader = new THREE.OBJLoader(); loader.load( // 模型文件的路径 'models/model.obj', // 加载完成后的回调函数 function ( object ) { // 将模型添加到场景中 scene.add( object ); }, // 加载进度的回调函数 function ( xhr ) { console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' ); }, // 加载失败的回调函数 function ( error ) { console.log( 'An error happened' ); } ); ``` 2. 使用第三方加载器：除了Three.js自带的加载器，还有很多第三方的3D文件加载器可以使用，例如Assimp、ColladaLoader等。你需要将这些加载器导入到你的项目中，然后使用它们来加载你的3D模型。示例代码： ``` // 加载Collada格式的模型 import ColladaLoader from 'three-collada-loader'; const loader = new ColladaLoader(); loader.load( // 模型文件的路径 'models/model.dae', // 加载完成后的回调函数 function ( collada ) { // 将模型添加到场景中 scene.add( collada.scene ); }, // 加载进度的回调函数 function ( xhr ) { console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' ); }, // 加载失败的回调函数 function ( error ) { console.log( 'An error happened' ); } ); ``` 3. 使用模型转换工具：如果你的3D模型不支持Three.js自带的加载器或第三方加载器，你可以使用一些模型转换工具来将模型转换为Three.js支持的格式，例如OBJ、FBX、GLTF等。常用的转换工具有Blender、Maya、3ds Max等。转换后，你可以使用Three.js自带的加载器来加载模型。示例代码： ``` // 加载GLTF格式的模型 const loader = new THREE.GLTFLoader(); loader.load( // 模型文件的路径 'models/model.gltf', // 加载完成后的回调函数 function ( gltf ) { // 将模型添加到场景中 scene.add( gltf.scene ); }, // 加载进度的回调函数 function ( xhr ) { console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' ); }, // 加载失败的回调函数 function ( error ) { console.log( 'An error happened' ); } ); ``` 以上是常用的载入3D模型的方法，具体需要根据实际情况进行选择。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zhuyua

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值