diff --git a/README.md b/README.md index 43e3e7ba..2e7f2e74 100644 --- a/README.md +++ b/README.md @@ -136,6 +136,29 @@ Test environment : Windows 11 + Chrome 130 |[Texture Settings Test](tutorialModels/TextureSettingsTest) |![](tutorialModels/TextureSettingsTest/screenshot/screenshot.png) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:x: [Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:x: [Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:x: [Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=TextureSettingsTest&scale=0.2&type=glTF) | |[Vertex Color Test](tutorialModels/VertexColorTest) |![](tutorialModels/VertexColorTest/screenshot/screenshot.png) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:x: [Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:x: [Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:x: [Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) |:white_check_mark: [Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=VertexColorTest&scale=1.0&type=glTF) | +## [Compare PBR Models](https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0#compare-pbr-models) + +Test environment : Windows 11 + Chrome 130 + +|Model |Screenshot |[Three.js r169](https://github.com/mrdoob/three.js) |[Babylon.js 7.31.0](https://github.com/BabylonJS/Babylon.js) |[Filament v1.55.0](https://github.com/google/filament) |[PlayCanvas v2.1.0](https://github.com/playcanvas/engine) |[Cesium.js 1.120](https://github.com/AnalyticalGraphicsInc/cesium/) |[ArcGIS JS API 4.13](https://developers.arcgis.com/javascript/) |[Grimoire.js 2017.12.04](https://github.com/GrimoireGL/grimoirejs-gltf) |[xeogl 2019.02.09](https://github.com/xeolabs/xeogl/blob/master/examples/js/models/glTFModel.js) |[Khronos glTF Viewer 2.0](https://github.com/KhronosGroup/glTF-Sample-Viewer) |[minimal-gltf-loader 2017.11.09](https://github.com/shrekshao/minimal-gltf-loader/blob/master/src/) |[ClayGL v1.3.0](https://github.com/pissang/claygl/blob/master/src/loader/GLTF.js) |[Hilo3d v1.18.0](https://github.com/hiloteam/Hilo3d) |[X3DOM 1.8.3](https://github.com/x3dom/x3dom/blob/master/src/util/glTF/glTF2Loader.js) |[CZPG.js 2018.05.17](https://github.com/PrincessGod/CraZyPG) |[GLBoost v0.0.4](https://github.com/emadurandal/GLBoost/) |[RedCube.js v3.3.0](https://github.com/Reon90/redcube) |[RedGL 2021.07.19](https://github.com/redcamel/RedGL2) |[Ashes v0.5.0](https://github.com/but0n/Ashes) |[Unity 2017.3.1](https://github.com/sonygod/UnityGLTFTest) |[pex-renderer 3.0.0-34](https://github.com/pex-gl/pex-renderer) |[RhodoniteTS v0.13.0](https://github.com/actnwit/RhodoniteTS) | +|-----------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------| +|[Compare Alpha Coverage](tutorialModels/CompareAlphaCoverage) |![](tutorialModels/CompareAlphaCoverage/screenshot/screenshot.jpg) |[Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=CompareAlphaCoverage&scale=2.0&type=glTF) | +|[Compare Ambient Occlusion](tutorialModels/CompareAmbientOcclusion) |![](tutorialModels/CompareAmbientOcclusion/screenshot/screenshot.jpg) |[Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=CompareAmbientOcclusion&scale=2.0&type=glTF) | +|[Compare Anisotropy](tutorialModels/CompareAnisotropy) |![](tutorialModels/CompareAnisotropy/screenshot/screenshot.jpg) |[Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=CompareAnisotropy&scale=2.0&type=glTF) | +|[Compare Base Color](tutorialModels/CompareBaseColor) |![](tutorialModels/CompareBaseColor/screenshot/screenshot.jpg) |[Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=CompareBaseColor&scale=2.0&type=glTF) | +|[Compare Clearcoat](tutorialModels/CompareClearcoat) |![](tutorialModels/CompareClearcoat/screenshot/screenshot.jpg) |[Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=CompareClearcoat&scale=2.0&type=glTF) | +|[Compare Dispersion](tutorialModels/CompareDispersion) |![](tutorialModels/CompareDispersion/screenshot/screenshot.jpg) |[Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=CompareDispersion&scale=2.0&type=glTF) | +|[Compare Emissive Strength](tutorialModels/CompareEmissiveStrength) |![](tutorialModels/CompareEmissiveStrength/screenshot/screenshot.jpg) |[Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=CompareEmissiveStrength&scale=2.0&type=glTF) | +|[Compare Ior](tutorialModels/CompareIor) |![](tutorialModels/CompareIor/screenshot/screenshot.jpg) |[Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=CompareIor&scale=2.0&type=glTF) | +|[Compare Iridescence](tutorialModels/CompareIridescence) |![](tutorialModels/CompareIridescence/screenshot/screenshot.jpg) |[Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=CompareIridescence&scale=2.0&type=glTF) | +|[Compare Metallic](tutorialModels/CompareMetallic) |![](tutorialModels/CompareMetallic/screenshot/screenshot.jpg) |[Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=CompareMetallic&scale=2.0&type=glTF) | +|[Compare Normal](tutorialModels/CompareNormal) |![](tutorialModels/CompareNormal/screenshot/screenshot.jpg) |[Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=CompareNormal&scale=2.0&type=glTF) | +|[Compare Roughness](tutorialModels/CompareRoughness) |![](tutorialModels/CompareRoughness/screenshot/screenshot.jpg) |[Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=CompareRoughness&scale=2.0&type=glTF) | +|[Compare Sheen](tutorialModels/CompareSheen) |![](tutorialModels/CompareSheen/screenshot/screenshot.jpg) |[Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=CompareSheen&scale=2.0&type=glTF) | +|[Compare Specular](tutorialModels/CompareSpecular) |![](tutorialModels/CompareSpecular/screenshot/screenshot.jpg) |[Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=CompareSpecular&scale=2.0&type=glTF) | +|[Compare Transmission](tutorialModels/CompareTransmission) |![](tutorialModels/CompareTransmission/screenshot/screenshot.jpg) |[Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=CompareTransmission&scale=2.0&type=glTF) | +|[Compare Volume](tutorialModels/CompareVolume) |![](tutorialModels/CompareVolume/screenshot/screenshot.jpg) |[Sample](https://cx20.github.io/gltf-test/examples/threejs/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/babylonjs/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/filament/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/playcanvas/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/cesium/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/arcgisjsapi/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/xeogl/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/khronos-gltf-rv/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/minimal-gltf-loader/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/claygl/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/Hilo3d/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/x3dom/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/czpg/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/glboost/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redcube/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/redgl2/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/ashes3d/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/unity/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/pex/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) |[Sample](https://cx20.github.io/gltf-test/examples/rhodonite/index.html?category=tutorialModels&model=CompareVolume&scale=2.0&type=glTF) | + ## [Extension Test Models](https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0#extension-test-models) Test environment : Windows 11 + Chrome 130