minimal-gltf-loader

A minimal, engine-agnostic JavaScript glTF Loader, with a raw WebGL 2 simple renderer example using the loader.

Viewer Screenshot

Live Demo

click here for live demo

Usage

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){
    //...
});

Loading Features

• [x] Accessors
  • [ ] Progressive loading / rendering
• [x] Buffers
• [x] BufferViews
• [x] Images
• [x] Meshes
• [x] Nodes
• [x] Primitives
• [x] Samplers
• [x] Textures
• [x] Shader Loader (not part of the core of glTF 2.0)
• [x] Animations
• [x] Cameras
• [x] Materials
• [x] Skins

Formats

• [x] glTF (.gltf) with separate resources: .bin (geometry, animation, skins), .glsl (shaders), and image files
• [ ] glTF (.gltf) with embedded resources
• [ ] Binary glTF (.glb) using the KHR_binary_glTF extension

Examples

• [x] WebGL 2 simple renderer
  • [x] baseColorFactor
  • [x] baseColorTexture
  • [x] normalTexture
  • [x] Skybox
  • [x] PBR
  • [x] Animation
  • [ ] Interpolations
    • [x] LINEAR
    • [ ] STEP
    • [ ] CATMULLROMSPLINE
    • [ ] CUBICSPLINE
  • [x] Skin
  • [ ] Camera (from glTF)
  • [ ] Progressive rendering (No plan for this)
  • [ ] Occlusion Culling experiment
    • [x] Bounding Box
      • [x] AABB (Axis Aligned Bounding Box, *static)
      • [x] OBB (Object/Oriented Bounding Box)
    • [x] Scene Bounding Box (fast iterated) And auto centered and scaled
    • [ ] Build octree
    • [ ] Occlusion Query with hierarchy

Credits

• glTF sample Model and Buster Drone By LaVADraGoN
• Great thanks to Trung Le (@trungtle) and Patrick Cozzi (@pjcozzi) for contributing and advising.
• gl-Matrix by Brandon Jones (@toji) and Colin MacKenzie IV (@sinisterchipmunk)
• glTF-WebGL-PBR