glTF和GLB有什么区别?

本文涉及的产品
实时计算 Flink 版,5000CU*H 3个月
检索分析服务 Elasticsearch 版,2核4GB开发者规格 1个月
大数据开发治理平台 DataWorks,不限时长
简介: glTF和GLB有什么区别?
推荐:使用 NSDT场景编辑器快速搭建3D应用场景

自1960年代末开始以来,3D扫描突飞猛进,彻底改变了我们创建真实世界物体和环境的数字模型的方式。虽然很容易考虑它在建筑、工程和游戏等领域的使用,但实际应用要广泛得多。2023年,医学、教育甚至艺术史等各个领域都在使用3D扫描技术来颠覆和推动他们的行业。

如果您刚刚开始3D扫描,您可能已经遇到过一些用于保存和共享模型的各种文件格式。两种最流行的格式是glTF和GLB。如果此时你挠头想,“嗯?”,别担心——事情会变得不那么复杂。

什么是 glTF 文件?

GL传输格式的缩写,glTF文件是最常见的3D模型文件之一。它是一种开源格式,因此,您会发现大多数 3D 建模软件都支持它。glTF 支持动画、移动场景和静态模型,并用于 AR、VR、3D 广告、游戏和原生 Web 应用程序。它们也很容易嵌入到文档中,如Microsoft Word和PowerPoint文件。还和我们在一起吗?好。

现在来看一些技术术语。glTF基于JSON(JavaScript对象表示法),而外部文件保存一些数据,例如着色器(GLSL)或纹理(JPEG或PNG)。那么,这意味着什么呢?首先,互操作性。JSON 非常普遍,因此在不同平台之间进行交换既快速又简单。其次,通过将数据拆分为单独的文件,它可以减小整体文件大小,从而加快某些其他格式的传输和加载时间。第三,通过将着色器和纹理分开,这可以提高整体性能并加快渲染速度。最后,单独的存储还可以轻松编辑或替换模型的某些部分,其余部分保持不变。

什么是 GLB 文件?

GLB(GL Binary)创建于2015年,基于glTF格式,是另一个无处不在的3D文件。简而言之,GLB 是 glTF 文件的单个二进制版本。作为一种独立的独立格式,它包括显示模型所需的所有资产,包括纹理、材质、照明、节点层次结构和动画。使用 GLB 文件,用户不需要额外的文件或软件即可加载 3D 模型。这使得共享和管理模型变得非常容易,因为没有单独的文件要管理。这也进一步减小了文件大小,加快了加载时间。

glTF和GLB有什么区别?

glTF和GLB之间的主要区别在于GLB是一种二进制文件格式,而glTF基于JSON,一种基于文本的数据格式。GLB 将 3D 模型或场景的所有组成元素(纹理、照明等)组合到一个压缩文件中。相反,glTF 单独容纳这些文件,这意味着通常需要额外的文件和依赖项来显示模型。

那么,这是否使一个比另一个更好?嗯,这取决于您的需求。使用 glTF,您会发现编辑单个元素要容易得多,因为它们位于单独的文件中。另一方面,GLB 通常更易于使用,并且 - 因为它是一个自治文件 - 占用更少的内存。

如何编辑我的GLB 文件?

编辑GLB文件的方式是通过GLTF 编辑器 (nsdt.cloud)。使用该编辑不用注册,并且该编辑器使用非常简单,只需将GLB文件拖入窗口或者通过文件选择对话框将需要编辑的文件导入编辑器中。导入模式后就可以立即查看GLB文件材质结构信息。

为什么要使用 GLTF 编辑器

首先,它是免费的。用户可以直接通过浏览访问使用GLTF 编辑器 (nsdt.cloud),而不需要注册。

用户可在编辑器中对模型的基本属性和材质进行修改替换,还可以通过定制品牌在您的作品中加入自己的个人风味。通过访问模型各种照明、环境和立方体贴图选项等对模型进行修改编辑。

GLB编辑访问地址:点击这里


原文链接:https://www.mvrlink.com/what-is-the-difference-between-gltf-and-glb/

目录
相关文章
|
7月前
|
存储 人工智能 图形学
GLB/GLTF在线纹理编辑
GLB文件中的纹理数据采用了嵌入式存储的方式,具有较小的文件体积和高效的数据传输,能够提高3D模型的加载速度和渲染质量。
174 1
|
JavaScript 应用服务中间件 图形学
基于Threejs实现glb三维模型的预览
文章将重点介绍如何基于Threejs进行三维模型glb进行预览,可以旋转控制。
1221 0
基于Threejs实现glb三维模型的预览
|
5天前
|
JavaScript 前端开发 数据可视化
Three.js第2篇,加载glb / gltf模型,Vue加载glb / gltf模型(如何在vue中使用three.js,vue使用threejs加载glb模型)
Three.js 是一个用于在 Web 上创建和显示 3D 图形的 JavaScript 库。它提供了丰富的功能和灵活的 API,使开发者可以轻松地在网页中创建各种 3D 场景、模型和动画效果。可以用来展示产品模型、建立交互式场景、游戏开发、数据可视化、教育和培训等等。这里记录一下如何在Vue项目中使用Three.js
38 4
Three.js第2篇,加载glb / gltf模型,Vue加载glb / gltf模型(如何在vue中使用three.js,vue使用threejs加载glb模型)
|
5天前
|
缓存 前端开发 UED
CSS精灵图:提高网站性能的秘密武器
CSS精灵图:提高网站性能的秘密武器
24 0
|
8月前
|
图形学 UED
GLTF在线编辑器
GLTF在线编辑器提供了一系列功能,支持对GLTF模型的在线查看、材质修改、模型大小修改、模型网格属性修改、重置原点、模型合批等功能
248 0
|
5月前
|
人工智能 算法 vr&ar
在线GLTF模型材质编辑工具
模型材质贴图的作用是为三维模型赋予外观表面的纹理和颜色。它可以增加模型的细节、真实感和视觉效果,使得模型更具有逼真和吸引力。通过贴图,模型可以呈现出不同的材质,如金属、木材、布料等,并且能够模拟反射、阴影和光照效果,使模型在渲染过程中更加真实。贴图还可以用来描绘模型的细节纹理,例如皮肤的纹理、衣物的图案等。总之,模型材质贴图对于创造逼真的三维模型非常重要。
94 1
|
7月前
|
存储 vr&ar 图形学
如何导出带有材质的GLB模型?
GLB格式作为一种优秀的3D文件格式,具备小巧高效、支持材质纹理、跨平台兼容等优点,在从设计到展示的整个工作流程中起到重要作用,促进了3D内容的创建、分享和交互。
228 0
|
12月前
|
前端开发 JavaScript
Cesium开发:转换gltf、glb
Cesium开发:转换gltf、glb
317 0
|
前端开发 JavaScript
|
Web App开发 存储 前端开发
见微知著,细节上雕花:SVG生成矢量格式网站图标(Favicon)探究
Favicon是favorites icon的缩写,也被称为website icon(站点图标)、page icon(页面图标)或者urlicon(URL图标)。Favicon是与某个站点或网页相关联的图标,网站设计者可以多种方式建立这种图标,几乎所有浏览器都支持此功能,浏览器可以将favicon显示于浏览器的地址栏中,也可置于书签列表的网站名前,还可以放在标签式浏览界面中的页标题前
见微知著,细节上雕花:SVG生成矢量格式网站图标(Favicon)探究