最小 glTF 加载器

一个与引擎无关的最小 JavaScript glTF 加载器，带有使用加载器的原始 WebGL 2 简单渲染器示例。

点击这里观看现场演示

import {vec3, vec4, quat, mat4} from 'gl-matrix';
var MinimalGLTFLoader = require('build/minimal-gltf-loader.js');

var glTFLoader = new MinimalGLTFLoader.glTFLoader();
glTFLoader.loadGLTF(url, function(glTF){
    //...
});

• 访问
  • 渐进式加载/渲染
• 缓冲区
• 缓冲视图
• 图像
• 网 格
• 节点
• 原
• 取样
• 纹理
•  着色器加载器（不是 glTF 2.0 核心的一部分）
• 动画
• 相机
• 材料
• 皮肤

• glTF （.gltf） 与单独的资源：.bin（几何体、动画、皮肤）、.glsl（着色器）和图像文件
• 具有嵌入式资源的 glTF （.gltf）
• 使用 KHR_binary_glTF 扩展名的二进制 glTF （.glb）

• WebGL 2 简单渲染器
  • 基础颜色因子
  • 基础颜色纹理
  • normalTexture（正常纹理）
  • 天空盒
  • PBR
  • 动画
  • 插 值
    • 线性
    • 步
    • 猫毛龙条线
    • 立方体线
  • 皮肤
  • 相机（来自 glTF）
  • 渐进式渲染（没有计划）
  • Occlusion Culling实验
    • 边界框
      • AABB（轴对齐边界框，*静态）
      • OBB（对象/定向边界框）
    • 场景边界框（快速迭代）和自动居中和缩放
    • 构建八叉树
    • 带层次结构的遮挡查询

• glTF 示例模型和 Buster 无人机 由 LaVADraGoN 提供
• 非常感谢 Trung Le （@trungtle） 和 Patrick Cozzi （@pjcozzi） 的贡献和建议。
• 布兰登·琼斯 （Brandon Jones） （@toji） 和科林·麦肯齐四世 （Colin MacKenzie IV） 的 gl-Matrix （@sinisterchipmunk)
• glTF-WebGL-PBR

一个与引擎无关的最小 TypeScript glTF 加载器。

此加载器是 minimal-gltf-loader 的新实例。

在这个分支中，作者更新了加载文件功能从 XMLHttpRequest 到获取 API，并使用 Promise 和 async/await 使加载过程更加清晰。

在 glTF 2.0 标准中，bufferView 上的 target 属性是可选的。不同的3D软件对glTF导出器有不同的解释。 例如，Cinema4D 导出的 glTF 文件填充了目标属性，但 Blender 2.80+ 导出的 glTF 文件将不会填充目标属性。（可以在以下链接中看到该问题：KhronosGroup/glTF-Blender-IO#142） 因此，在绑定缓冲区之前，加载器应推断目标属性是ARRAY_BUFFER还是ELEMENT_ARRAY_BUFFER符合 bufferview 的用法。

import {vec3, vec4, quat, mat4} from 'gl-matrix';
import {GLTFLoader, GLTF} from './src/glTFLoader.ts'

let gl : WebGLRenderingContext | WebGL2RenderingContext;

new GLTFLoader(gl).loadGLTF('YourURL').then((glTF: GLTF) => {
    // Create with glTF object, and proceed rendering process...
}).catch (() => {
    // Error control...
});