Status of glTF loader in some WebGL libraries.
All Tests : https://cx20.github.io/gltf-test/
Model Name | Models | Formats | Libraries | Tests |
---|---|---|---|---|
Simple models | 7 | 2 | 8 | 112 |
More complex models | 20 | 6 | 8 | 960 |
PBR Sample | 6 | 3 | 8 | 144 |
Further PBR Sample | 5 | 1 | 8 | 40 |
AGI PBR Sample | 4 | 2 | 8 | 64 |
Test environment : Windows 10 + Chrome 61
Model | Screenshot | Three.js r88dev | Babylon.js 3.1-alpha | Cesium.js 1.36 | xeogl 2017.09.08 | Grimoire.js 2017.08.24 | minimal-gltf-loader 2017.09.06 | Khronos Sample Loader 2017.09.11 |
---|---|---|---|---|---|---|---|---|
Triangle Without Indices 2.0 | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ❌ Sample | ✅ Sample | ✅ Sample | ❌ Sample |
Triangle 2.0 | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ❌ Sample | ✅ Sample | ✅ Sample | ✅ Sample |
Animated Triangle 2.0 | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ❌ Sample | ✅ Sample | ❌ Sample | ❌ Sample |
Animated Morph Cube 2.0 | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ❌ Sample | ❌ Sample | ❌ Sample | ❌ Sample |
Animated Morph Sphere 2.0 | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ❌ Sample | ❌ Sample | ❌ Sample | ❌ Sample |
Simple Meshes 2.0 | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ❌ Sample | ✅ Sample | ✅ Sample | :wx: Sample |
Cameras 2.0 | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ❌ Sample | ✅ Sample | ✅ Sample | ✅ Sample |
Test environment : Windows 10 + Chrome 61
Test environment : Windows 10 + Chrome 61
Model | Screenshot | Three.js r88dev | Babylon.js 3.1-alpha | Cesium.js 1.36 | xeogl 2017.09.08 | Grimoire.js 2017.08.24 | minimal-gltf-loader 2017.09.06 | Khronos Sample Loader 2017.09.11 |
---|---|---|---|---|---|---|---|---|
Avocado | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample |
Barramundi Fish | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample |
Boom Box | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample |
Corset | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample |
Lantern | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample |
WaterBottle | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample |
Damaged Helmet | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample |
Test environment : Windows 10 + Chrome 61
Model | Screenshot | Three.js r88dev | Babylon.js 3.1-alpha | Cesium.js 1.36 | xeogl 2017.09.08 | Grimoire.js 2017.08.24 | minimal-gltf-loader 2017.09.06 | Khronos Sample Loader 2017.09.11 |
---|---|---|---|---|---|---|---|---|
Two Sided Plane | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample |
Cube | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample |
Animated Cube | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ❌ Sample animation not support | ✅ Sample | ✅ Sample | ❌ Sample |
Suzanne | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample |
Sci Fi Helmet | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample |
Test environment : Windows 10 + Chrome 61
Model | Screenshot | Three.js r88dev | Babylon.js 3.1-alpha | Cesium.js 1.36 | xeogl 2017.09.08 | Grimoire.js 2017.08.24 | minimal-gltf-loader 2017.09.06 | Khronos Sample Loader 2017.09.11 |
---|---|---|---|---|---|---|---|---|
Metal-Rough Spheres | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ❌ Sample | ✅ Sample |
Normal-Tangent Test | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample |
Texture Settings Test | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ❌ Sample | ❌ Sample | ✅ Sample | ❌ Sample |
Texture Coordinate Test | ![]() |
✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample | ✅ Sample |