GLTF是什么?

GLTF是什么?

    • 1. gltf简介
    • 2. gltf使用
    • 3. gltf修改
    • 3. 二进制gltf
    • 4. gltf查看
    • 5. gltf效果图
    • 参考

1. gltf简介

GLTF代表 Graphics Language Transmission Format(图形语言传输格式)。这种跨平台格式已成为Web上的3D对象标准。它由OpenGL和Vulkan背后的3D图形标准组织Khronos所定义,这使得GLTF基本上成为3D模型的JPG格式:Web导出的通用标准。

A-Frame和ThreeJS原生支持GLTF。尽管一些3D Web框架支持特定于平台的模型格式,如FBX和OBJ,但几乎每个框架都支持GLTF,3D模型可以优选GLTF格式;

GLTF是对近二十年来各种3D格式的总结,使用最优的数据结构,来保证最大的兼容性以及可伸缩性。GLTF使用json格式进行描述,也可以编译成二进制的内容:bGLTF。GlTF可以包括场景、摄像机、动画等,也可以包括网格、材质、纹理,甚至包括了渲染技术(technique)、着色器以及着色器程序。同时由于json格式的特点,它支持预留一般以及特定供应商的扩展。

2. gltf使用

要在A-Frame项目中使用GLTF,只需将其作为场景中的asset引用,然后通过gltf-model组件将其附加到实体即可。

3. gltf修改

**GLTF是一种输出格式,类似于JPG和PNG,无法直接修改。**如果想编辑照片,可以使用Photoshop的原生文件格式PSD,并在完成后仅导出到JPG。

GLTF 尽管通常无法改变材质和颜色,但可以修改位置,大小和旋转。可以在模型上设置位置,将其置放于中心。然后添加一个wrapper实体来定位对象。

3. 二进制gltf

GLTF文件实际上不是单个文件。相反,它们是包含JSON文档的文件夹,然后还有一些图片,以及其他包含几何图形,纹理,凹凸贴图等的文件夹。其他文件夹都是通过一个相对URLS进行引用,因此你一般可以将文件夹转储到Web服务器上,直接引用GLTF文件,其余资源将正确加载。
但如果你使用的是CDN而非自己的Web服务器,则可能无法控制相对URL,而且它们会出现问题。相反,你可以将GLTF转换为名为GLB的二进制格式,一个包含所有资源的单个文件。然后,这个单个文件可以放在你的CDN上并直接引用。

4. gltf查看

https://gltf-viewer.donmccurdy.com/
https://3dviewer.net/
https://github.com/kovacsv/Online3DViewer

5. gltf效果图

GLTF是什么?_第1张图片
GLTF是什么?_第2张图片
GLTF是什么?_第3张图片

参考

  • https://www.likecs.com/show-203657489.html

你可能感兴趣的:(前端,AdminLTE,BootStrap,H5,GLTF,3d渲染,gltf,.glb)