Coder Social home page Coder Social logo

gltf-test's Introduction

gltf-test

Status of glTF loader in some WebGL libraries.

All Tests

All Tests : https://cx20.github.io/gltf-test/ status

If you want to narrow down the engine you can specify it with arguments. See below for usage of arguments.

https://cx20.github.io/gltf-test/?engines=Three.js,Babylon.js,Hilo3d
Model Name Models Formats Libraries Tests
Simple models 11 2 21 440
More complex models 18 4 21 1,440
PBR Sample 9 4 21 720
Further PBR Sample 6 1 21 120
Feature Test models 16 3 21 1,008
Extension Test models 16 1 21 336

The number of tests is approximate.

Format Tests

Test environment : Windows 11 + Chrome 126

Format and Sample Model Three.js r166 Babylon.js 7.14.0 Filament v1.53.0 PlayCanvas v1.73.0 Cesium.js 1.118 ArcGIS JS API 4.13 Grimoire.js 2017.12.04 xeogl 2019.02.09 Khronos glTF Viewer 1.0.0 minimal-gltf-loader 2017.11.09 ClayGL v1.3.0 Hilo3d v1.18.0 X3DOM 1.8.3 CZPG.js 2018.05.17 GLBoost v0.0.4 RedCube.js v3.3.0 RedGL 2021.07.19 Ashes v0.5.0 Unity 2017.3.1 pex-renderer 3.0.0-34 RhodoniteTS v0.12.9
glTF 2.0
Duck/glTF
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
glTF 2.0 (Embedded resources)
Duck/glTF-Embedded
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
glTF 2.0 (Binary container)
Duck/glTF-Binary
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
KHR_draco_mesh_compression
Duck/glTF-Draco
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
KHR_mesh_quantization
Duck/glTF-Quantized
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
KHR_texture_basisu
FlightHelmet/glTF-KTX-BasisU
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample

Test environment : Windows 11 + Chrome 126

Model Screenshot Three.js r166 Babylon.js 7.14.0 Filament v1.53.0 PlayCanvas v1.73.0 Cesium.js 1.118 ArcGIS JS API 4.13 Grimoire.js 2017.12.04 xeogl 2019.02.09 Khronos glTF Viewer 1.0.0 minimal-gltf-loader 2017.11.09 ClayGL v1.3.0 Hilo3d v1.18.0 X3DOM 1.8.3 CZPG.js 2018.05.17 GLBoost v0.0.4 RedCube.js v3.3.0 RedGL 2021.07.19 Ashes v0.5.0 Unity 2017.3.1 pex-renderer 3.0.0-34 RhodoniteTS v0.12.9
Triangle Without Indices Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Triangle Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Animated Triangle Sample Sample Sample Sample Sample Sample no animation support Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Simple Morph Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Simple Sparse Accessor Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Animated Morph Cube Sample Sample Sample Sample Sample Sample no animation support Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Animated Morph Sphere Sample Sample Sample Sample Sample Sample no animation support Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Simple Material Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Simple Meshes Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Simple Texture Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Cameras Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Simple Skin Sample Sample Sample Sample Sample Sample no animation support Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
InterpolationTest Sample Sample Sample Sample Sample Sample no animation support Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Unicode❤♻Test Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample

Test environment : Windows 11 + Chrome 126

Model Screenshot Three.js r166 Babylon.js 7.14.0 Filament v1.53.0 PlayCanvas v1.73.0 Cesium.js 1.118 ArcGIS JS API 4.13 Grimoire.js 2017.12.04 xeogl 2019.02.09 Khronos glTF Viewer 1.0.0 minimal-gltf-loader 2017.11.09 ClayGL v1.3.0 Hilo3d v1.18.0 X3DOM 1.8.3 CZPG.js 2018.05.17 GLBoost v0.0.4 RedCube.js v3.3.0 RedGL 2021.07.19 Ashes v0.5.0 Unity 2017.3.1 pex-renderer 3.0.0-34 RhodoniteTS v0.12.9
Box Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Box Interleaved Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Box Textured Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Box Textured Non Power Of Two Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Box Vertex Colors Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Duck Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
2 Cylinder Engine Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Reciprocating Saw Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Gearbox Assy Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Buggy Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Box Animated Sample Sample Sample Sample Sample Sample no animation support Sample Sample no animation support Sample no animation support Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Cesium Milk Truck Sample Sample Sample Sample Sample Sample Sample Sample no animation support Sample no animation support Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Rigged Simple Sample Sample Sample Sample Sample Sample no animation support Sample Sample no animation support Sample no animation support Sample Sample Sample Sample no animation support Sample Sample Sample Sample Sample Sample Sample Sample
Rigged Figure Sample Sample Sample Sample Sample Sample no animation support Sample Sample no animation support Sample no animation support Sample Sample Sample Sample no animation support Sample Sample Sample Sample Sample Sample Sample Sample
Cesium Man Sample Sample Sample Sample Sample Sample no animation support Sample Sample no animation support Sample no animation support Sample Sample Sample Sample no animation support Sample Sample Sample Sample Sample Sample Sample Sample
Fox Sample Sample Sample Sample Sample Sample no animation support Sample Sample no animation support Sample no animation support Sample Sample Sample Sample no animation support Sample Sample Sample Sample Sample Sample Sample Sample
BrainStem Sample Sample Sample Sample Sample Sample no animation support Sample Sample no animation support Sample no animation support Sample Sample Sample Sample no animation support Sample Sample Sample Sample Sample Sample Sample Sample
Virtual City Sample Sample Sample Sample Sample Sample no animation support Sample Sample no animation support Sample no animation support Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample

Test environment : Windows 11 + Chrome 126

Model Screenshot Three.js r166 Babylon.js 7.14.0 Filament v1.53.0 PlayCanvas v1.73.0 Cesium.js 1.118 ArcGIS JS API 4.13 Grimoire.js 2017.12.04 xeogl 2019.02.09 Khronos glTF Viewer 1.0.0 minimal-gltf-loader 2017.11.09 ClayGL v1.3.0 Hilo3d v1.18.0 X3DOM 1.8.3 CZPG.js 2018.05.17 GLBoost v0.0.4 RedCube.js v3.3.0 RedGL 2021.07.19 Ashes v0.5.0 Unity 2017.3.1 pex-renderer 3.0.0-34 RhodoniteTS v0.12.9
Avocado Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Barramundi Fish Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Boom Box Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Corset Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Damaged Helmet Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Flight Helmet Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Lantern Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Water Bottle Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Sponza Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample

Test environment : Windows 11 + Chrome 126

Model Screenshot Three.js r166 Babylon.js 7.14.0 Filament v1.53.0 PlayCanvas v1.73.0 Cesium.js 1.118 ArcGIS JS API 4.13 Grimoire.js 2017.12.04 xeogl 2019.02.09 Khronos glTF Viewer 1.0.0 minimal-gltf-loader 2017.11.09 ClayGL v1.3.0 Hilo3d v1.18.0 X3DOM 1.8.3 CZPG.js 2018.05.17 GLBoost v0.0.4 RedCube.js v3.3.0 RedGL 2021.07.19 Ashes v0.5.0 Unity 2017.3.1 pex-renderer 3.0.0-34 RhodoniteTS v0.12.9
Two Sided Plane Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Cube Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Animated Cube Sample Sample Sample Sample Sample Sample no animation support Sample Sample no animation support Sample no animation support Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Suzanne Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Sci Fi Helmet Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Antique Camera Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample

Test environment : Windows 11 + Chrome 126

Model Screenshot Three.js r166 Babylon.js 7.14.0 Filament v1.53.0 PlayCanvas v1.73.0 Cesium.js 1.118 ArcGIS JS API 4.13 Grimoire.js 2017.12.04 xeogl 2019.02.09 Khronos glTF Viewer 1.0.0 minimal-gltf-loader 2017.11.09 ClayGL v1.3.0 Hilo3d v1.18.0 X3DOM 1.8.3 CZPG.js 2018.05.17 GLBoost v0.0.4 RedCube.js v3.3.0 RedGL 2021.07.19 Ashes v0.5.0 Unity 2017.3.1 pex-renderer 3.0.0-34 RhodoniteTS v0.12.9
Alpha Blend Mode Test
⚠️glTF-Sample-Models#221
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Boom Box With Axes Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Metal Rough Spheres Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Metal Rough Spheres(Textureless) Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Morph Primitives Test Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Morph Stress Test Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Multi UV Test Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Normal Tangent Test Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Normal Tangent Mirror Test Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Orientation Test Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Recursive Skeletons Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Texture Coordinate Test Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Texture Encoding Test Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Texture Linear Interpolation Test
⚠️glTF-Sample-Models#297
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Texture Settings Test Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Vertex Color Test Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample

Test environment : Windows 11 + Chrome 126

Model Screenshot Three.js r166 Babylon.js 7.14.0 Filament v1.53.0 PlayCanvas v1.73.0 Cesium.js 1.118 ArcGIS JS API 4.13 Grimoire.js 2017.12.04 xeogl 2019.02.09 Khronos glTF Viewer 1.0.0 minimal-gltf-loader 2017.11.09 ClayGL v1.3.0 Hilo3d v1.18.0 X3DOM 1.8.3 CZPG.js 2018.05.17 GLBoost v0.0.4 RedCube.js v3.3.0 RedGL 2021.07.19 Ashes v0.5.0 Unity 2017.3.1 pex-renderer 3.0.0-34 RhodoniteTS v0.12.9
A Beautiful Game
KHR_materials_transmission
KHR_materials_volume
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Attenuation Test
KHR_materials_volume
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Clear Coat Test
KHR_materials_clearcoat
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Dragon Attenuation
KHR_materials_volume
KHR_materials_variants
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Emissive Strength Test
KHR_materials_emissive_strength
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Iridescence Dielectric Spheres
KHR_materials_iridescence
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Iridescence Metallic Spheres
KHR_materials_iridescence
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Iridescence Suzanne
KHR_materials_iridescence
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Glam Velvet Sofa
KHR_materials_sheen
KHR_materials_variants
KHR_materials_specular
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
⚠️redcube#37
Sample Sample Sample Sample Sample
Iridescent Dish With Olives
KHR_materials_transmission
KHR_materials_volume
KHR_materials_ior
KHR_materials_iridescence
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Lights
KHR_lights_punctual
⚠️glTF-Sample-Models#210
Sample
⚠️ requires flag enable
Sample Sample
⚠️filament#3366
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Materials Variants Chair
KHR_materials_variants
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Materials Variants Shoe
KHR_materials_variants
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Mosquito In Amber
KHR_materials_transmission
KHR_materials_volume
KHR_materials_ior
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Sheen Chair
KHR_materials_sheen
KHR_materials_variants
KHR_texture_transform
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Sheen Cloth
KHR_materials_sheen
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
SpecGloss vs MetalRough
KHR_materials_pbr SpecularGlossiness
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Specular Test
KHR_materials_specular
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
StainedGlassLamp
KHR_materials_transmission
KHR_materials_clearcoat
KHR_materials_variants
KHR_materials_ior
KHR_materials_volume
KHR_texture_basisu
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Texture Transform Test
KHR_texture_transform
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Texture Transform Multi Test
KHR_texture_transform
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Toy Car
KHR_materials_sheen
KHR_materials_transmission
KHR_materials_clearcoat
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Toy Car (Specular version)
KHR_materials_specular
KHR_materials_ior
Sample Sample Sample
⚠️WIP
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Transmission Roughness Test
KHR_materials_transmission
KHR_materials_ior
KHR_materials_volume
⚠️glTF-Sample-Models#324
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Transmission Test
KHR_materials_transmission
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Unlit Test
KHR_materials_unlit
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample

Test environment : Windows 11 + Chrome 126

Model Screenshot Three.js r166 Babylon.js 7.14.0 Filament v1.53.0 PlayCanvas v1.73.0 Cesium.js 1.118 ArcGIS JS API 4.13 Grimoire.js 2017.12.04 xeogl 2019.02.09 Khronos glTF Viewer 1.0.0 minimal-gltf-loader 2017.11.09 ClayGL v1.3.0 Hilo3d v1.18.0 X3DOM 1.8.3 CZPG.js 2018.05.17 GLBoost v0.0.4 RedCube.js v3.3.0 RedGL 2021.07.19 Ashes v0.5.0 Unity 2017.3.1 pex-renderer 3.0.0-34 RhodoniteTS v0.12.9
BrainStem
EXT_meshopt_compression
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
DragonAttenuation
EXT_meshopt_compression
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
Environment Test
EXT_lights_image_based
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample
TeapotsGalore
EXT_mesh_gpu_instancing
Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample

gltf-test's People

Contributors

06wj avatar andreasplesch avatar cx20 avatar dmnsgn avatar emackey avatar kyasbal avatar patrickryanms avatar reon90 avatar saschabrunnerch avatar sbtron avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

gltf-test's Issues

Invalid node hierarchies for skinned glTF 2.0 models

Not quite sure how these models are updated, perhaps I should file this against COLLADA2GLTF?

master → glTF/RiggedSimple.gltf

  • defaultScene
    • Y_UP_Transform
      • Armature
        • torso_joint_1
        • ...
      • Proxy

2.0 → glTF/RiggedSimple.gltf

  • defaultScene
    • Y_UP_Transform
      • Proxy
  • orphaned
    • Armature
      • torso_joint_1
      • ...

I see some relevant-looking discussion about changes, and I'm not sure what the outcome was. But omitting the Armature can't be correct. 🙃

glTF 2.0 models does not displyed by Three.js

I am preparing examples of various libraries corresponding to glTF 2.0.
However, glTF 2.0 models does not displyed by Three.js
https://github.com/cx20/gltf-test/tree/2.0
ex) Boom Box
https://cdn.rawgit.com/cx20/gltf-test/9ba70f0f946967c0cc0759173d4567a3f16c8469/examples/threejs/index.html?category=tutorialModels&model=BoomBox&scale=1&type=glTF

I think that usage is probably wrong. However, the point of the problem is not known :(

The following are the points I tried this time.

  1. Copied following libraries to my 2.0 branch

https://github.com/donmccurdy/three.js/blob/feat-gltf-pbr/build/three.js
https://github.com/donmccurdy/three.js/blob/feat-gltf-pbr/examples/js/loaders/GLTF2Loader.js

  1. Changed index.html for 2.0

Changed from GLTFLoader.js to GLTF2Loader.js.
https://github.com/cx20/gltf-test/blob/2.0/examples/threejs/index.html#L19

  1. Changed index.js for 2.0

Changed from THREE.GLTFLoader to THREE.GLTF2Loader
https://github.com/cx20/gltf-test/blob/2.0/examples/threejs/index.js#L42
https://github.com/cx20/gltf-test/blob/2.0/examples/threejs/index.js#L95

@donmccurdy Please advise me what is wrong.
/cc @takahirox

glTF 2.0 models does not displyed by xeogl

I am preparing examples of various libraries corresponding to glTF 2.0.
I copied following libraries to my 2.0 branch

https://github.com/xeolabs/xeogl/blob/master/build/xeogl.js (2017.02.23)

However, glTF 2.0 models does not displyed by xeogl
https://github.com/cx20/gltf-test/tree/2.0
ex) Boom Box
https://cdn.rawgit.com/cx20/gltf-test/adfa139d3d7f71fdad820d6fad98c7d4f815a82a/examples/xeogl/index.html?category=tutorialModels&model=BoomBox&scale=1&type=glTF

The following error will be displayed on the console.

Uncaught TypeError: Cannot read property 'description' of undefined
    at Function.value (xeogl.js:31783)
    at Function.value (xeogl.js:31799)
    at Object.value (xeogl.js:32364)
    at Object.value (xeogl.js:31410)
    at xeogl.js:31504
    at xeogl.js:31458
    at XMLHttpRequest.jsonfile.onreadystatechange (xeogl.js:31441)

@xeolabs Please advise me what is wrong.

Allow to specify arbitrary glTF file as parameter of index.html

I sometimes want to test glTF files other than gltf-test.
It is troublesome to modify the program, so I think that it is good to be able to specify the file with arguments.

usage:
https://cx20.github.io/gltf-test/examples/threejs/index.html?url=<url>

example:
https://cx20.github.io/gltf-test/examples/threejs/index.html?url=https://ft-lab.github.io/gltf/apple/apple.glb

Change the texture of CubeMap/IBL used in the test to the same one

Currently, glft-test uses different cubemap textures for each library.
Use the same texture as much as possible because it is difficult to compare.

No Library CubeTexture IBL(Env map)
1 Three.js skybox/<p|n><x|y|z>.jpg skybox/<p|n><x|y|z>.jpg
2 Babylon.js country.env country.env
3 Cesium N/A N/A
4 ArcGISJSAPI N/A N/A
5 Grimore.js N/A N/A
6 xeogl cloudySkyBox.jpg N/A
7 minimal-gltf-loader skybox/<p|n><x|y|z>.jpg bakedDiffuse_0<1|2|3|4|5|6>.jpg
8 Khronos glTF Loader N/A N/A
9 ClayGL skybox/<p|n><x|y|z>.jpg pisa.hdr
10 Hilo3d skybox/<p|n><x|y|z>.jpg bakedDiffuse_0<1|2|3|4|5|6>.jpg
11 PlayCanvas Helipad_<pos|neg><x|y|z>.png Helipad.dds
12 X3DOM papermillDiffuse.dds papermillDiffuse.dds
13 CZPG.js skybox/<p|n><x|y|z>.jpg bakedDiffuse_0<1|2|3|4|5|6>.jpg
14 GLBoost papermill/environment/environment*.jpg papermill/diffuse/diffuse*.jpg
15 RedCube.js N/A pisa.hdr
16 RedGL skybox/<p|n><x|y|z>.jpg skybox/<p|n><x|y|z>.jpg
17 Ashes N/A helipad/<pos|neg><x|y|z>.hdr
18 Unity skybox/<p|n><x|y|z>.jpg N/A
19 pex pisa.hdr pisa.hdr
20 Filament syferfontein_18d_clear_2k_skybox.ktx syferfontein_18d_clear_2k_ibl.ktx

Improve the speed of automatic rotation

Up until now I have been testing the gltf-test on my laptop's integrated GPU environment.
However, when I recently tested it on a laptop with GeForce RTX 2026, I noticed that the model was spinning too fast.

The time it takes for the model to make one revolution is approximately as follows

GPU lap time (sec)
Intel UHD Graphics 617 15
GeForce RTX 2060 5

I need to investigate if I can get the same rotation speed regardless of GPU.
Alternatively, I would like to consider changing the default settings so that they do not rotate.

Remove models that have not been updated

I compared the models of Khronos' glTF-Sample-Models repository with the gltf-test repository, I noticed that there were some models that were not updated.
Therefore, I would like to remove models that have not been updated.

Khronos's glTF-Sample-Models:
https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0

gltf-test:
https://github.com/cx20/gltf-test/tree/master/sampleModels
https://github.com/cx20/gltf-test/tree/master/tutorialModels

gltfTutorialModels:
https://github.com/javagl/gltfTutorialModels/tree/2.0

glTF-Sample-Models gltf-test (Current) gltf-test (Next)
2.0/2CylinderEngine sampleModels/2CylinderEngine
tutorialModels/AdvancedMaterial
2.0/AnimatedCube tutorialModels/AnimatedCube
2.0/AnimatedMorphCube tutorialModels/AnimatedMorphCube
2.0/AnimatedMorphSphere tutorialModels/AnimatedMorphSphere
2.0/AnimatedTriangle tutorialModels/AnimatedTriangle
2.0/Avocado tutorialModels/Avocado
2.0/BarramundiFish tutorialModels/BarramundiFish
2.0/BoomBox tutorialModels/BoomBox
2.0/Box sampleModels/Box
2.0/BoxAnimated sampleModels/BoxAnimated
2.0/BoxInterleaved sampleModels/BoxInterleaved
sampleModels/BoxSemantics
2.0/BoxTextured sampleModels/BoxTextured
sampleModels/BoxWithoutIndices
2.0/BrainStem sampleModels/BrainStem
2.0/Buggy sampleModels/Buggy
2.0/Cameras tutorialModels/Cameras
2.0/CesiumMan sampleModels/CesiumMan
2.0/CesiumMilkTruck sampleModels/CesiumMilkTruck
2.0/Corset tutorialModels/Corset
2.0/Cube tutorialModels/Cube
2.0/DamagedHelmet tutorialModels/DamagedHelmet
2.0/Duck sampleModels/Duck
2.0/GearboxAssy sampleModels/GearboxAssy
2.0/Lantern tutorialModels/Lantern
2.0/MetalRoughSpheres tutorialModels/MetalRoughSpheres
2.0/Monster sampleModels/Monster
2.0/NormalTangentTest tutorialModels/NormalTangentTest
2.0/ReciprocatingSaw sampleModels/ReciprocatingSaw
2.0/RiggedFigure sampleModels/RiggedFigure
2.0/RiggedSimple sampleModels/RiggedSimple
2.0/SciFiHelmet tutorialModels/SciFiHelmet
sampleModels/SmilingFace
tutorialModels/SimpleMaterial ✅ (copy from gltfTutorialModels)
2.0/SimpleMeshes tutorialModels/SimpleMeshes
tutorialModels/SimpleMorph
tutorialModels/SimpleOpacity
tutorialModels/SimpleSkin ✅ (copy from gltfTutorialModels)
tutorialModels/SimpleSparseAccessor
tutorialModels/SimpleTexture ✅ (copy from gltfTutorialModels)
2.0/Suzanne tutorialModels/Suzanne
2.0/TextureCoordinateTest tutorialModels/TextureCoordinateTest
2.0/TextureSettingsTest tutorialModels/TextureSettingsTest
2.0/Triangle tutorialModels/Triangle
2.0/TriangleWithoutIndices tutorialModels/TriangleWithoutIndices
2.0/TwoSidedPlane tutorialModels/TwoSidedPlane
2.0/VC sampleModels/VC
2.0/WaterBottle tutorialModels/WaterBottle
sampleModels/WalkingLady

Change library order to Star order

I will change the order of the following to the order of star.
image

Last updated 2017.10.12

No. Library name Stars
1 Three.js 35,737
2 Babylon.js 5,544
3 Cesium.js 2,516
4 Grimoire.js 177
5 xeogl 144
6 Khronos glTF Loader 51
7 minimal-gltf-loader 30

Using ToyCar's built-in camera in Babylon.js, the model is not displayed correctly

I have tried to display the official Khronos sample ToyCar in Babylon.js.
However, with the ToyCar's built-in camera, the display will be rough.

https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0/ToyCar

Babylonjs + ToyCar result:
image

Probably due to adjusting minZ(near) for VC.gltf.

scene.cameras.forEach(camera => camera.minZ /= 1000); // TODO: If near is 1, the model is missing, so adjusted

Add XHRLoader fix

I'll just leave this here as it is important for making glTF-Embedded demos work on Safari in OS X and iOS.

Please build three.js latest dev branch file from this PR: mrdoob/three.js#9823.

Also, it would then be good to update the results in the README. glTF-Embedded demos should then work on Safari.

consider glb with MaterialsCommon

I noticed that some engines do not fully support binary glTF (v.1.0) which use the KHR extension, including x3dom. These can be generated with the --kmc.enable switch for gltf-pipeline from the glTF-MaterialsCommon files. Consider adding tests for such binary glTF.
I did this for the CesiumMilkTruck and may put together a PR. Generated .glb files could be added incrementally.

Add a control panel to the Filament sample

Currently, Filament's glTF Loader sample is automatically applied to the glTF model if it has a built-in camera.
However, I can envision a case where I don't want to use the built-in camera, and I'd like to be able to control the auto-rotation in the control panel.

Consider the directory structure of gltf-test

I moved the following discussion to this Issue.
CesiumGS/cesium#4808 (comment)

I basically want to test using the model obtained from the Khronos official sample site. (https://github.com/KhronosGroup/glTF-Sample-Models)
However, I have to consider how to structure the folder. I am thinking about the next two plans.

Plan-1) Version control is done like Three.js
https://github.com/cx20/gltf-test/tree/r1/sampleModels ... glTF 1.0 (Old version)
https://github.com/cx20/gltf-test/tree/r1/tutorialModels ... glTF 1.1 (Old version)
https://github.com/cx20/gltf-test/tree/master/sampleModels ... glTF 2.0 (Latest version)
https://github.com/cx20/gltf-test/tree/master/tutorialModels ... glTF 2.0 (Latest version)

Plan-2) Create version folder by category
https://github.com/cx20/gltf-test/tree/master/sampleModels/1.0 ... glTF 1.0
https://github.com/cx20/gltf-test/tree/master/sampleModels/2.0 ... glTF 2.0
https://github.com/cx20/gltf-test/tree/master/tutorialModels/1.1 ... glTF 1.1
https://github.com/cx20/gltf-test/tree/master/tutorialModels/2.0 ... glTF 2.0

Plan-3) Using github submodule

Please tell me if you have any other good ideas :-)

IBL checkbox in Three.js glTF Loader Example does not work

I tried the IBL checkbox in the Three.js glTF Loader Example.

image

However, now I get the following error in the console and the IBL checkbox is not working.

index.js:211 
Uncaught TypeError: Cannot read property 'traverse' of undefined
    at applyEnvMap (index.js:211)
    at BooleanController.__onChange (index.js:197)
    at BooleanController.setValue (dat.gui.module.js:1015)
    at BooleanController.setValue (dat.gui.module.js:1325)
    at BooleanController.setValue (dat.gui.module.js:148)
    at HTMLInputElement.onChange (dat.gui.module.js:1312)
    at Object.fakeEvent (dat.gui.module.js:1175)
    at HTMLLIElement.<anonymous> (dat.gui.module.js:3165)

I think it worked before, so I need to investigate.

Merge 2.0 branch?

Given all the glTF 2.0 momentum and to encourage even more of it, is the 2.0 branch ready to be merged to master? If you still want to track 1.0 implementation status, you could make separate pages like we have for the 1.0 and 2.0 spec.

Thanks again for your awesome work here!

Add Draco sample models

I plan to add Draco sample modles from https://github.com/FrankGalligan/glTF-Sample-Models/tree/update_draco_gltf_models

Copy to sampleModels from below:

  • 2.0/2CylinderEngine/glTF-Draco/2CylinderEngine.gltf
  • 2.0/Box/glTF-Draco/Box.gltf
  • 2.0/BrainStem/glTF-Draco/BrainStem.gltf
  • 2.0/Buggy/glTF-Draco/Buggy.gltf
  • 2.0/CesiumMan/glTF-Draco/CesiumMan.gltf
  • 2.0/CesiumMilkTruck/glTF-Draco/CesiumMilkTruck.gltf
  • 2.0/Duck/glTF-Draco/Duck.gltf
  • 2.0/GearboxAssy/glTF-Draco/GearboxAssy.gltf
  • 2.0/Monster/glTF-Draco/Monster.gltf
  • 2.0/ReciprocatingSaw/glTF-Draco/ReciprocatingSaw.gltf
  • 2.0/RiggedFigure/glTF-Draco/RiggedFigure.gltf
  • 2.0/RiggedSimple/glTF-Draco/RiggedSimple.gltf
  • 2.0/VC/glTF-Draco/VC.gltf

Copy to tutorialModels from below:

  • 2.0/Avocado/glTF-Draco/Avocado.gltf
  • 2.0/BarramundiFish/glTF-Draco/BarramundiFish.gltf
  • 2.0/BoomBox/glTF-Draco/BoomBox.gltf
  • 2.0/Corset/glTF-Draco/Corset.gltf
  • 2.0/Lantern/glTF-Draco/Lantern.gltf
  • 2.0/WaterBottle/glTF-Draco/WaterBottle.gltf

GearboxAssy.gltf does not appear in the center of the screen in Cesium.js v1.47

I tried to display GearboxAssy.gltf with Cesium.js v1.47.
However, it does not seem to be displayed in the center of the screen.

Cesium.js + GearboxAssy.gltf result:
https://cx20.github.io/gltf-test/examples/cesium/index.html?model=GearboxAssy
image
As Cesium.js v1.46 was displayed in the center of the screen, I think that the specification changed probably.
It is necessary to investigate how to display the glTF model in the center like before.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.