glTF/glb格式详解(示例：一个简单的材质 )-GLB下载网 - GLB/GLTF模型与格式资源免费下载，支持在线浏览与转换

最近更新：2025年10月13日

glTF/glb格式详解(示例：一个简单的材质 )

216。

2025-10-13 小编已售26次关注216次

免费年/月SVIP:免费

收藏 QQ咨询

特别声明：本网站提供GLB模型下载、GLTF文件下载。部分模型还提供源文件（包括FBX、OBJ、blend、3DMax等格式），具体内容请参阅正文说明。如需定制模型，欢迎联系客服。若网盘链接过期，请使用备用下载链接，提取码统一为“gltf”。若模型加载不兼容，可利用网站的在线编辑功能重新导出文件。GLB下载网 – GLB/GLTF模型与格式资源免费下载，支持在线浏览与转换https://glbxz.com 充值金币

之前章节，我们给出了一个包含有简单场景的glTF资源，但它没有包含对场景中3D对象外观描述的材质信息。当没有材质信息时，会假定使用一个默认的材质设置，如之前我们给出的那个最小巧的glTF格式文件的渲染结果，3D对象会使用被以白色或浅灰色进行渲染。

本章节我们从一个带有材质信息的最简单的glTF格式文件开始，解释材质信息对渲染效果的影响。

下面就是这个带有材质信息的glTF格式文件的内容：

{
  "scenes" : [
    {
      "nodes" : [ 0 ]
    }
  ],

  "nodes" : [
    {
      "mesh" : 0
    }
  ],

  "meshes" : [
    {
      "primitives" : [ {
        "attributes" : {
          "POSITION" : 1
        },
        "indices" : 0,
        "material" : 0
      } ]
    }
  ],

  "buffers" : [
    {
      "uri" : "data:application/octet-stream;base64,为了排版而省略，可以使用英文原文中的代码",
      "byteLength" : 44
    }
  ],
  "bufferViews" : [
    {
      "buffer" : 0,
      "byteOffset" : 0,
      "byteLength" : 6,
      "target" : 34963
    },
    {
      "buffer" : 0,
      "byteOffset" : 8,
      "byteLength" : 36,
      "target" : 34962
    }
  ],
  "accessors" : [
    {
      "bufferView" : 0,
      "byteOffset" : 0,
      "componentType" : 5123,
      "count" : 3,
      "type" : "SCALAR",
      "max" : [ 2 ],
      "min" : [ 0 ]
    },
    {
      "bufferView" : 1,
      "byteOffset" : 0,
      "componentType" : 5126,
      "count" : 3,
      "type" : "VEC3",
      "max" : [ 1.0, 1.0, 0.0 ],
      "min" : [ 0.0, 0.0, 0.0 ]
    }
  ],

  "materials" : [
    {
      "pbrMetallicRoughness": {
        "baseColorFactor": [ 1.000, 0.766, 0.336, 1.0 ],
        "metallicFactor": 0.5,
        "roughnessFactor": 0.1
      }
    }
  ],
  "asset" : {
    "version" : "2.0"
  }
}

使用了材质信息后，三角形的渲染效果如下：

glTF/glb格式详解(示例：一个简单的材质 ) — 图11a：使用材质信息渲染的三角形

材质定义

可以看出，我们添加了一个materials数组对象到glTF的JSON文件中。它包含了一个material对象，用于定义材质信息：

  "materials" : [
    {
      "pbrMetallicRoughness": {
        "baseColorFactor": [ 1.000, 0.766, 0.336, 1.0 ],
        "metallicFactor": 0.5,
        "roughnessFactor": 0.1
      }
    }
  ],

这里的material对象只包含了一个pbrMetallicRoughness对象，这一对象指定了基于metallic-roughness模型的材质属性(没有显式指定的材质属性会使用属性的默认值)。baseColorFactor属性包含了红，绿，蓝和alpha成分，构成了材质了基本颜色(这里设置的是亮橘色)。metallicFactor属性用于指定材质的反射情况与金属的相似度，这里我们设置相似度为0.5。roughnessFactor属性用于指定材质粗糙度，这里我们设置粗糙度为0.1。

使用材质信息

通过mesh对象的primitive属性，通过索引就可以引用使用材质信息：

  "meshes" : [
    {
      "primitives" : [ {
        "attributes" : {
          "POSITION" : 1
        },
        "indices" : 0,
        "material" : 0
      } ]
    }