GltfView represents a view on a gltf, e.g. in a canvas
-GltfState containing a state for visualization in GltfView
-ResourceLoader can be used to load resources for the GltfState -that are then used to display the loaded data with GltfView
-GltfState](#GltfState)
- * [.createResourceLoader([externalDracoLib], [externalKtxLib])](#GltfView+createResourceLoader) ⇒ [ResourceLoader](#ResourceLoader)
- * [.renderFrame(state, width, height)](#GltfView+renderFrame)
- * [.gatherStatistics(state)](#GltfView+gatherStatistics) ⇒ Object
-
-
-
-### new GltfView(context)
-GltfView representing one WebGl 2.0 context or in other words one
-3D rendering of the Gltf.
-You can create multiple views for example when multiple canvases should
-be shown on the same webpage.
-
-
-| Param | Type | Description |
-| --- | --- | --- |
-| context | \* | WebGl 2.0 context. Get it from a canvas with `canvas.getContext("webgl2")` |
-
-
-
-### gltfView.createState() ⇒ [GltfState](#GltfState)
-createState constructs a new GltfState for the GltfView. The resources
-referenced in a gltf state can directly be stored as resources on the WebGL
-context of GltfView, therefore GltfStates cannot not be shared between
-GltfViews.
-
-**Kind**: instance method of [GltfView](#GltfView)
-**Returns**: [GltfState](#GltfState) - GltfState
-
-
-### gltfView.createResourceLoader([externalDracoLib], [externalKtxLib]) ⇒ [ResourceLoader](#ResourceLoader)
-createResourceLoader creates a resource loader with which glTFs and
-environments can be loaded for the view
-
-**Kind**: instance method of [GltfView](#GltfView)
-**Returns**: [ResourceLoader](#ResourceLoader) - ResourceLoader
-
-| Param | Type | Description |
-| --- | --- | --- |
-| [externalDracoLib] | Object | optional object of an external Draco library, e.g. from a CDN |
-| [externalKtxLib] | Object | optional object of an external KTX library, e.g. from a CDN |
-
-
-
-### gltfView.renderFrame(state, width, height)
-renderFrame to the context's default frame buffer
-Call this function in the javascript animation update loop for continuous rendering to a canvas
-
-**Kind**: instance method of [GltfView](#GltfView)
-
-| Param | Type | Description |
-| --- | --- | --- |
-| state | \* | GltfState that is be used for rendering |
-| width | \* | of the viewport |
-| height | \* | of the viewport |
-
-
-
-### gltfView.gatherStatistics(state) ⇒ Object
-gatherStatistics collects information about the GltfState such as the number of
-rendered meshes or triangles
-
-**Kind**: instance method of [GltfView](#GltfView)
-**Returns**: Object - an object containing statistics information
-
-| Param | Type | Description |
-| --- | --- | --- |
-| state | \* | GltfState about which the statistics should be collected |
-
-
-
-## GltfState
-GltfState containing a state for visualization in GltfView
-
-**Kind**: global class
-
-* [GltfState](#GltfState)
- * [new GltfState(view)](#new_GltfState_new)
- * _instance_
- * [.gltf](#GltfState+gltf)
- * [.environment](#GltfState+environment)
- * [.userCamera](#GltfState+userCamera)
- * [.sceneIndex](#GltfState+sceneIndex)
- * [.cameraIndex](#GltfState+cameraIndex)
- * [.animationIndices](#GltfState+animationIndices)
- * [.animationTimer](#GltfState+animationTimer)
- * [.variant](#GltfState+variant)
- * [.renderingParameters](#GltfState+renderingParameters)
- * [.morphing](#GltfState+renderingParameters.morphing)
- * [.skinning](#GltfState+renderingParameters.skinning)
- * [.clearColor](#GltfState+renderingParameters.clearColor)
- * [.exposure](#GltfState+renderingParameters.exposure)
- * [.usePunctual](#GltfState+renderingParameters.usePunctual)
- * [.useIBL](#GltfState+renderingParameters.useIBL)
- * [.iblIntensity](#GltfState+renderingParameters.iblIntensity)
- * [.renderEnvironmentMap](#GltfState+renderingParameters.renderEnvironmentMap)
- * [.blurEnvironmentMap](#GltfState+renderingParameters.blurEnvironmentMap)
- * [.toneMap](#GltfState+renderingParameters.toneMap)
- * [.debugOutput](#GltfState+renderingParameters.debugOutput)
- * [.environmentRotation](#GltfState+renderingParameters.environmentRotation)
- * [.useDirectionalLightsWithDisabledIBL](#GltfState+renderingParameters.useDirectionalLightsWithDisabledIBL)
- * [.internalMSAA](#GltfState+renderingParameters.internalMSAA)
- * _static_
- * [.ToneMaps](#GltfState.ToneMaps)
- * [.KHR_PBR_NEUTRAL](#GltfState.ToneMaps.KHR_PBR_NEUTRAL)
- * [.ACES_HILL_EXPOSURE_BOOST](#GltfState.ToneMaps.ACES_HILL_EXPOSURE_BOOST)
- * [.ACES_NARKOWICZ](#GltfState.ToneMaps.ACES_NARKOWICZ)
- * [.ACES_HILL](#GltfState.ToneMaps.ACES_HILL)
- * [.NONE](#GltfState.ToneMaps.NONE)
- * [.DebugOutput](#GltfState.DebugOutput)
- * [.NONE](#GltfState.DebugOutput.NONE)
- * [.generic](#GltfState.DebugOutput.generic)
- * [.UV_COORDS_0](#GltfState.DebugOutput.generic.UV_COORDS_0)
- * [.UV_COORDS_1](#GltfState.DebugOutput.generic.UV_COORDS_1)
- * [.NORMAL](#GltfState.DebugOutput.generic.NORMAL)
- * [.GEOMETRYNORMAL](#GltfState.DebugOutput.generic.GEOMETRYNORMAL)
- * [.TANGENT](#GltfState.DebugOutput.generic.TANGENT)
- * [.BITANGENT](#GltfState.DebugOutput.generic.BITANGENT)
- * [.WORLDSPACENORMAL](#GltfState.DebugOutput.generic.WORLDSPACENORMAL)
- * [.ALPHA](#GltfState.DebugOutput.generic.ALPHA)
- * [.OCCLUSION](#GltfState.DebugOutput.generic.OCCLUSION)
- * [.EMISSIVE](#GltfState.DebugOutput.generic.EMISSIVE)
- * [.mr](#GltfState.DebugOutput.mr)
- * [.METALLIC_ROUGHNESS](#GltfState.DebugOutput.mr.METALLIC_ROUGHNESS)
- * [.BASECOLOR](#GltfState.DebugOutput.mr.BASECOLOR)
- * [.METALLIC](#GltfState.DebugOutput.mr.METALLIC)
- * [.ROUGHNESS](#GltfState.DebugOutput.mr.ROUGHNESS)
- * [.clearcoat](#GltfState.DebugOutput.clearcoat)
- * [.CLEARCOAT](#GltfState.DebugOutput.clearcoat.CLEARCOAT)
- * [.CLEARCOAT_FACTOR](#GltfState.DebugOutput.clearcoat.CLEARCOAT_FACTOR)
- * [.CLEARCOAT_ROUGHNESS](#GltfState.DebugOutput.clearcoat.CLEARCOAT_ROUGHNESS)
- * [.CLEARCOAT_NORMAL](#GltfState.DebugOutput.clearcoat.CLEARCOAT_NORMAL)
- * [.sheen](#GltfState.DebugOutput.sheen)
- * [.SHEEN](#GltfState.DebugOutput.sheen.SHEEN)
- * [.SHEEN_COLOR](#GltfState.DebugOutput.sheen.SHEEN_COLOR)
- * [.SHEEN_ROUGHNESS](#GltfState.DebugOutput.sheen.SHEEN_ROUGHNESS)
- * [.specular](#GltfState.DebugOutput.specular)
- * [.SPECULAR](#GltfState.DebugOutput.specular.SPECULAR)
- * [.SPECULAR_FACTOR](#GltfState.DebugOutput.specular.SPECULAR_FACTOR)
- * [.SPECULAR_COLOR](#GltfState.DebugOutput.specular.SPECULAR_COLOR)
- * [.transmission](#GltfState.DebugOutput.transmission)
- * [.TRANSMISSION_VOLUME](#GltfState.DebugOutput.transmission.TRANSMISSION_VOLUME)
- * [.TRANSMISSION_FACTOR](#GltfState.DebugOutput.transmission.TRANSMISSION_FACTOR)
- * [.VOLUME_THICKNESS](#GltfState.DebugOutput.transmission.VOLUME_THICKNESS)
- * [.iridescence](#GltfState.DebugOutput.iridescence)
- * [.IRIDESCENCE](#GltfState.DebugOutput.iridescence.IRIDESCENCE)
- * [.IRIDESCENCE_FACTOR](#GltfState.DebugOutput.iridescence.IRIDESCENCE_FACTOR)
- * [.IRIDESCENCE_THICKNESS](#GltfState.DebugOutput.iridescence.IRIDESCENCE_THICKNESS)
- * [.anisotropy](#GltfState.DebugOutput.anisotropy)
- * [.ANISOTROPIC_STRENGTH](#GltfState.DebugOutput.anisotropy.ANISOTROPIC_STRENGTH)
- * [.ANISOTROPIC_DIRECTION](#GltfState.DebugOutput.anisotropy.ANISOTROPIC_DIRECTION)
-
-
-
-### new GltfState(view)
-GltfState represents all state that can be visualized in a view. You could have
-multiple GltfStates configured and switch between them on demand.
-
-
-| Param | Type | Description |
-| --- | --- | --- |
-| view | \* | GltfView to which this state belongs |
-
-
-
-### gltfState.gltf
-loaded gltf data @see ResourceLoader.loadGltf
-
-**Kind**: instance property of [GltfState](#GltfState)
-
-
-### gltfState.environment
-loaded environment data @see ResourceLoader.loadEnvironment
-
-**Kind**: instance property of [GltfState](#GltfState)
-
-
-### gltfState.userCamera
-user camera @see UserCamera, convenient camera controls
-
-**Kind**: instance property of [GltfState](#GltfState)
-
-
-### gltfState.sceneIndex
-gltf scene that is visible in the view
-
-**Kind**: instance property of [GltfState](#GltfState)
-
-
-### gltfState.cameraIndex
-index of the camera that is used to render the view. a
-value of 'undefined' enables the user camera
-
-**Kind**: instance property of [GltfState](#GltfState)
-
-
-### gltfState.animationIndices
-indices of active animations
-
-**Kind**: instance property of [GltfState](#GltfState)
-
-
-### gltfState.animationTimer
-animation timer allows to control the animation time
-
-**Kind**: instance property of [GltfState](#GltfState)
-
-
-### gltfState.variant
-KHR_materials_variants
-
-**Kind**: instance property of [GltfState](#GltfState)
-
-
-### gltfState.renderingParameters
-parameters used to configure the rendering
-
-**Kind**: instance property of [GltfState](#GltfState)
-
-* [.renderingParameters](#GltfState+renderingParameters)
- * [.morphing](#GltfState+renderingParameters.morphing)
- * [.skinning](#GltfState+renderingParameters.skinning)
- * [.clearColor](#GltfState+renderingParameters.clearColor)
- * [.exposure](#GltfState+renderingParameters.exposure)
- * [.usePunctual](#GltfState+renderingParameters.usePunctual)
- * [.useIBL](#GltfState+renderingParameters.useIBL)
- * [.iblIntensity](#GltfState+renderingParameters.iblIntensity)
- * [.renderEnvironmentMap](#GltfState+renderingParameters.renderEnvironmentMap)
- * [.blurEnvironmentMap](#GltfState+renderingParameters.blurEnvironmentMap)
- * [.toneMap](#GltfState+renderingParameters.toneMap)
- * [.debugOutput](#GltfState+renderingParameters.debugOutput)
- * [.environmentRotation](#GltfState+renderingParameters.environmentRotation)
- * [.useDirectionalLightsWithDisabledIBL](#GltfState+renderingParameters.useDirectionalLightsWithDisabledIBL)
- * [.internalMSAA](#GltfState+renderingParameters.internalMSAA)
-
-
-
-#### renderingParameters.morphing
-morphing between vertices
-
-**Kind**: static property of [renderingParameters](#GltfState+renderingParameters)
-
-
-#### renderingParameters.skinning
-skin / skeleton
-
-**Kind**: static property of [renderingParameters](#GltfState+renderingParameters)
-
-
-#### renderingParameters.clearColor
-clear color expressed as list of ints in the range [0, 255]
-
-**Kind**: static property of [renderingParameters](#GltfState+renderingParameters)
-
-
-#### renderingParameters.exposure
-exposure factor
-
-**Kind**: static property of [renderingParameters](#GltfState+renderingParameters)
-
-
-#### renderingParameters.usePunctual
-KHR_lights_punctual
-
-**Kind**: static property of [renderingParameters](#GltfState+renderingParameters)
-
-
-#### renderingParameters.useIBL
-image based lighting
-
-**Kind**: static property of [renderingParameters](#GltfState+renderingParameters)
-
-
-#### renderingParameters.iblIntensity
-image based lighting intensity
-
-**Kind**: static property of [renderingParameters](#GltfState+renderingParameters)
-
-
-#### renderingParameters.renderEnvironmentMap
-render the environment map in the background
-
-**Kind**: static property of [renderingParameters](#GltfState+renderingParameters)
-
-
-#### renderingParameters.blurEnvironmentMap
-apply blur to the background environment map
-
-**Kind**: static property of [renderingParameters](#GltfState+renderingParameters)
-
-
-#### renderingParameters.toneMap
-which tonemap to use, use KHR_PBR_NEUTRAL for best color reproduction
-
-**Kind**: static property of [renderingParameters](#GltfState+renderingParameters)
-
-
-#### renderingParameters.debugOutput
-render some debug output channes, such as for example the normals
-
-**Kind**: static property of [renderingParameters](#GltfState+renderingParameters)
-
-
-#### renderingParameters.environmentRotation
-By default the front face of the environment is +Z (90)
-Front faces:
-+X = 0
-+Z = 90
--X = 180
--Z = 270
-
-**Kind**: static property of [renderingParameters](#GltfState+renderingParameters)
-
-
-#### renderingParameters.useDirectionalLightsWithDisabledIBL
-If this is set to true, directional lights will be generated if IBL is disabled
-
-**Kind**: static property of [renderingParameters](#GltfState+renderingParameters)
-
-
-#### renderingParameters.internalMSAA
-MSAA used for cases which are not handled by the browser (e.g. Transmission)
-
-**Kind**: static property of [renderingParameters](#GltfState+renderingParameters)
-
-
-### GltfState.ToneMaps
-ToneMaps enum for the different tonemappings that are supported
-by gltf sample viewer
-
-**Kind**: static property of [GltfState](#GltfState)
-
-* [.ToneMaps](#GltfState.ToneMaps)
- * [.KHR_PBR_NEUTRAL](#GltfState.ToneMaps.KHR_PBR_NEUTRAL)
- * [.ACES_HILL_EXPOSURE_BOOST](#GltfState.ToneMaps.ACES_HILL_EXPOSURE_BOOST)
- * [.ACES_NARKOWICZ](#GltfState.ToneMaps.ACES_NARKOWICZ)
- * [.ACES_HILL](#GltfState.ToneMaps.ACES_HILL)
- * [.NONE](#GltfState.ToneMaps.NONE)
-
-
-
-#### ToneMaps.KHR\_PBR\_NEUTRAL
-Khronos PBR neutral tone mapping, see https://github.com/KhronosGroup/ToneMapping, https://modelviewer.dev/examples/tone-mapping
-
-**Kind**: static property of [ToneMaps](#GltfState.ToneMaps)
-
-
-#### ToneMaps.ACES\_HILL\_EXPOSURE\_BOOST
-ACES sRGB RRT+ODT implementation for 3D Commerce based on Stephen Hill's implementation with a exposure factor of 1.0 / 0.6
-
-**Kind**: static property of [ToneMaps](#GltfState.ToneMaps)
-
-
-#### ToneMaps.ACES\_NARKOWICZ
-fast implementation of the ACES sRGB RRT+ODT based on Krzysztof Narkowicz' implementation
-
-**Kind**: static property of [ToneMaps](#GltfState.ToneMaps)
-
-
-#### ToneMaps.ACES\_HILL
-more accurate implementation of the ACES sRGB RRT+ODT based on Stephen Hill's implementation
-
-**Kind**: static property of [ToneMaps](#GltfState.ToneMaps)
-
-
-#### ToneMaps.NONE
-Linear mapping, clamped at 1.0 per channel
-
-**Kind**: static property of [ToneMaps](#GltfState.ToneMaps)
-
-
-### GltfState.DebugOutput
-DebugOutput enum for selecting debug output channels
-such as "NORMAL"
-
-**Kind**: static property of [GltfState](#GltfState)
-
-* [.DebugOutput](#GltfState.DebugOutput)
- * [.NONE](#GltfState.DebugOutput.NONE)
- * [.generic](#GltfState.DebugOutput.generic)
- * [.UV_COORDS_0](#GltfState.DebugOutput.generic.UV_COORDS_0)
- * [.UV_COORDS_1](#GltfState.DebugOutput.generic.UV_COORDS_1)
- * [.NORMAL](#GltfState.DebugOutput.generic.NORMAL)
- * [.GEOMETRYNORMAL](#GltfState.DebugOutput.generic.GEOMETRYNORMAL)
- * [.TANGENT](#GltfState.DebugOutput.generic.TANGENT)
- * [.BITANGENT](#GltfState.DebugOutput.generic.BITANGENT)
- * [.WORLDSPACENORMAL](#GltfState.DebugOutput.generic.WORLDSPACENORMAL)
- * [.ALPHA](#GltfState.DebugOutput.generic.ALPHA)
- * [.OCCLUSION](#GltfState.DebugOutput.generic.OCCLUSION)
- * [.EMISSIVE](#GltfState.DebugOutput.generic.EMISSIVE)
- * [.mr](#GltfState.DebugOutput.mr)
- * [.METALLIC_ROUGHNESS](#GltfState.DebugOutput.mr.METALLIC_ROUGHNESS)
- * [.BASECOLOR](#GltfState.DebugOutput.mr.BASECOLOR)
- * [.METALLIC](#GltfState.DebugOutput.mr.METALLIC)
- * [.ROUGHNESS](#GltfState.DebugOutput.mr.ROUGHNESS)
- * [.clearcoat](#GltfState.DebugOutput.clearcoat)
- * [.CLEARCOAT](#GltfState.DebugOutput.clearcoat.CLEARCOAT)
- * [.CLEARCOAT_FACTOR](#GltfState.DebugOutput.clearcoat.CLEARCOAT_FACTOR)
- * [.CLEARCOAT_ROUGHNESS](#GltfState.DebugOutput.clearcoat.CLEARCOAT_ROUGHNESS)
- * [.CLEARCOAT_NORMAL](#GltfState.DebugOutput.clearcoat.CLEARCOAT_NORMAL)
- * [.sheen](#GltfState.DebugOutput.sheen)
- * [.SHEEN](#GltfState.DebugOutput.sheen.SHEEN)
- * [.SHEEN_COLOR](#GltfState.DebugOutput.sheen.SHEEN_COLOR)
- * [.SHEEN_ROUGHNESS](#GltfState.DebugOutput.sheen.SHEEN_ROUGHNESS)
- * [.specular](#GltfState.DebugOutput.specular)
- * [.SPECULAR](#GltfState.DebugOutput.specular.SPECULAR)
- * [.SPECULAR_FACTOR](#GltfState.DebugOutput.specular.SPECULAR_FACTOR)
- * [.SPECULAR_COLOR](#GltfState.DebugOutput.specular.SPECULAR_COLOR)
- * [.transmission](#GltfState.DebugOutput.transmission)
- * [.TRANSMISSION_VOLUME](#GltfState.DebugOutput.transmission.TRANSMISSION_VOLUME)
- * [.TRANSMISSION_FACTOR](#GltfState.DebugOutput.transmission.TRANSMISSION_FACTOR)
- * [.VOLUME_THICKNESS](#GltfState.DebugOutput.transmission.VOLUME_THICKNESS)
- * [.iridescence](#GltfState.DebugOutput.iridescence)
- * [.IRIDESCENCE](#GltfState.DebugOutput.iridescence.IRIDESCENCE)
- * [.IRIDESCENCE_FACTOR](#GltfState.DebugOutput.iridescence.IRIDESCENCE_FACTOR)
- * [.IRIDESCENCE_THICKNESS](#GltfState.DebugOutput.iridescence.IRIDESCENCE_THICKNESS)
- * [.anisotropy](#GltfState.DebugOutput.anisotropy)
- * [.ANISOTROPIC_STRENGTH](#GltfState.DebugOutput.anisotropy.ANISOTROPIC_STRENGTH)
- * [.ANISOTROPIC_DIRECTION](#GltfState.DebugOutput.anisotropy.ANISOTROPIC_DIRECTION)
-
-
-
-#### DebugOutput.NONE
-standard rendering - debug output is disabled
-
-**Kind**: static property of [DebugOutput](#GltfState.DebugOutput)
-
-
-#### DebugOutput.generic
-generic debug outputs
-
-**Kind**: static property of [DebugOutput](#GltfState.DebugOutput)
-
-* [.generic](#GltfState.DebugOutput.generic)
- * [.UV_COORDS_0](#GltfState.DebugOutput.generic.UV_COORDS_0)
- * [.UV_COORDS_1](#GltfState.DebugOutput.generic.UV_COORDS_1)
- * [.NORMAL](#GltfState.DebugOutput.generic.NORMAL)
- * [.GEOMETRYNORMAL](#GltfState.DebugOutput.generic.GEOMETRYNORMAL)
- * [.TANGENT](#GltfState.DebugOutput.generic.TANGENT)
- * [.BITANGENT](#GltfState.DebugOutput.generic.BITANGENT)
- * [.WORLDSPACENORMAL](#GltfState.DebugOutput.generic.WORLDSPACENORMAL)
- * [.ALPHA](#GltfState.DebugOutput.generic.ALPHA)
- * [.OCCLUSION](#GltfState.DebugOutput.generic.OCCLUSION)
- * [.EMISSIVE](#GltfState.DebugOutput.generic.EMISSIVE)
-
-
-
-##### generic.UV\_COORDS\_0
-output the texture coordinates 0
-
-**Kind**: static property of [generic](#GltfState.DebugOutput.generic)
-
-
-##### generic.UV\_COORDS\_1
-output the texture coordinates 1
-
-**Kind**: static property of [generic](#GltfState.DebugOutput.generic)
-
-
-##### generic.NORMAL
-output the world space normals (i.e. with TBN applied)
-
-**Kind**: static property of [generic](#GltfState.DebugOutput.generic)
-
-
-##### generic.GEOMETRYNORMAL
-output the normal from the TBN
-
-**Kind**: static property of [generic](#GltfState.DebugOutput.generic)
-
-
-##### generic.TANGENT
-output the tangent from the TBN
-
-**Kind**: static property of [generic](#GltfState.DebugOutput.generic)
-
-
-##### generic.BITANGENT
-output the bitangent from the TBN
-
-**Kind**: static property of [generic](#GltfState.DebugOutput.generic)
-
-
-##### generic.WORLDSPACENORMAL
-output the world space normals (i.e. with TBN applied)
-
-**Kind**: static property of [generic](#GltfState.DebugOutput.generic)
-
-
-##### generic.ALPHA
-output the alpha value
-
-**Kind**: static property of [generic](#GltfState.DebugOutput.generic)
-
-
-##### generic.OCCLUSION
-output the occlusion value
-
-**Kind**: static property of [generic](#GltfState.DebugOutput.generic)
-
-
-##### generic.EMISSIVE
-output the emissive value
-
-**Kind**: static property of [generic](#GltfState.DebugOutput.generic)
-
-
-#### DebugOutput.mr
-output metallic roughness
-
-**Kind**: static property of [DebugOutput](#GltfState.DebugOutput)
-
-* [.mr](#GltfState.DebugOutput.mr)
- * [.METALLIC_ROUGHNESS](#GltfState.DebugOutput.mr.METALLIC_ROUGHNESS)
- * [.BASECOLOR](#GltfState.DebugOutput.mr.BASECOLOR)
- * [.METALLIC](#GltfState.DebugOutput.mr.METALLIC)
- * [.ROUGHNESS](#GltfState.DebugOutput.mr.ROUGHNESS)
-
-
-
-##### mr.METALLIC\_ROUGHNESS
-output the combined metallic roughness
-
-**Kind**: static property of [mr](#GltfState.DebugOutput.mr)
-
-
-##### mr.BASECOLOR
-output the base color value
-
-**Kind**: static property of [mr](#GltfState.DebugOutput.mr)
-
-
-##### mr.METALLIC
-output the metallic value from pbr metallic roughness
-
-**Kind**: static property of [mr](#GltfState.DebugOutput.mr)
-
-
-##### mr.ROUGHNESS
-output the roughness value from pbr metallic roughness
-
-**Kind**: static property of [mr](#GltfState.DebugOutput.mr)
-
-
-#### DebugOutput.clearcoat
-output clearcoat lighting
-
-**Kind**: static property of [DebugOutput](#GltfState.DebugOutput)
-
-* [.clearcoat](#GltfState.DebugOutput.clearcoat)
- * [.CLEARCOAT](#GltfState.DebugOutput.clearcoat.CLEARCOAT)
- * [.CLEARCOAT_FACTOR](#GltfState.DebugOutput.clearcoat.CLEARCOAT_FACTOR)
- * [.CLEARCOAT_ROUGHNESS](#GltfState.DebugOutput.clearcoat.CLEARCOAT_ROUGHNESS)
- * [.CLEARCOAT_NORMAL](#GltfState.DebugOutput.clearcoat.CLEARCOAT_NORMAL)
-
-
-
-##### clearcoat.CLEARCOAT
-output the combined clear coat
-
-**Kind**: static property of [clearcoat](#GltfState.DebugOutput.clearcoat)
-
-
-##### clearcoat.CLEARCOAT\_FACTOR
-output the clear coat factor
-
-**Kind**: static property of [clearcoat](#GltfState.DebugOutput.clearcoat)
-
-
-##### clearcoat.CLEARCOAT\_ROUGHNESS
-output the clear coat roughness
-
-**Kind**: static property of [clearcoat](#GltfState.DebugOutput.clearcoat)
-
-
-##### clearcoat.CLEARCOAT\_NORMAL
-output the clear coat normal
-
-**Kind**: static property of [clearcoat](#GltfState.DebugOutput.clearcoat)
-
-
-#### DebugOutput.sheen
-output sheen lighting
-
-**Kind**: static property of [DebugOutput](#GltfState.DebugOutput)
-
-* [.sheen](#GltfState.DebugOutput.sheen)
- * [.SHEEN](#GltfState.DebugOutput.sheen.SHEEN)
- * [.SHEEN_COLOR](#GltfState.DebugOutput.sheen.SHEEN_COLOR)
- * [.SHEEN_ROUGHNESS](#GltfState.DebugOutput.sheen.SHEEN_ROUGHNESS)
-
-
-
-##### sheen.SHEEN
-output the combined sheen
-
-**Kind**: static property of [sheen](#GltfState.DebugOutput.sheen)
-
-
-##### sheen.SHEEN\_COLOR
-output the sheen color
-
-**Kind**: static property of [sheen](#GltfState.DebugOutput.sheen)
-
-
-##### sheen.SHEEN\_ROUGHNESS
-output the sheen roughness
-
-**Kind**: static property of [sheen](#GltfState.DebugOutput.sheen)
-
-
-#### DebugOutput.specular
-output specular lighting
-
-**Kind**: static property of [DebugOutput](#GltfState.DebugOutput)
-
-* [.specular](#GltfState.DebugOutput.specular)
- * [.SPECULAR](#GltfState.DebugOutput.specular.SPECULAR)
- * [.SPECULAR_FACTOR](#GltfState.DebugOutput.specular.SPECULAR_FACTOR)
- * [.SPECULAR_COLOR](#GltfState.DebugOutput.specular.SPECULAR_COLOR)
-
-
-
-##### specular.SPECULAR
-output the combined specular
-
-**Kind**: static property of [specular](#GltfState.DebugOutput.specular)
-
-
-##### specular.SPECULAR\_FACTOR
-output the specular factor
-
-**Kind**: static property of [specular](#GltfState.DebugOutput.specular)
-
-
-##### specular.SPECULAR\_COLOR
-output the specular color
-
-**Kind**: static property of [specular](#GltfState.DebugOutput.specular)
-
-
-#### DebugOutput.transmission
-output tranmission lighting
-
-**Kind**: static property of [DebugOutput](#GltfState.DebugOutput)
-
-* [.transmission](#GltfState.DebugOutput.transmission)
- * [.TRANSMISSION_VOLUME](#GltfState.DebugOutput.transmission.TRANSMISSION_VOLUME)
- * [.TRANSMISSION_FACTOR](#GltfState.DebugOutput.transmission.TRANSMISSION_FACTOR)
- * [.VOLUME_THICKNESS](#GltfState.DebugOutput.transmission.VOLUME_THICKNESS)
-
-
-
-##### transmission.TRANSMISSION\_VOLUME
-output the combined transmission/volume
-
-**Kind**: static property of [transmission](#GltfState.DebugOutput.transmission)
-
-
-##### transmission.TRANSMISSION\_FACTOR
-output the transmission factor
-
-**Kind**: static property of [transmission](#GltfState.DebugOutput.transmission)
-
-
-##### transmission.VOLUME\_THICKNESS
-output the volume thickness
-
-**Kind**: static property of [transmission](#GltfState.DebugOutput.transmission)
-
-
-#### DebugOutput.iridescence
-output iridescence
-
-**Kind**: static property of [DebugOutput](#GltfState.DebugOutput)
-
-* [.iridescence](#GltfState.DebugOutput.iridescence)
- * [.IRIDESCENCE](#GltfState.DebugOutput.iridescence.IRIDESCENCE)
- * [.IRIDESCENCE_FACTOR](#GltfState.DebugOutput.iridescence.IRIDESCENCE_FACTOR)
- * [.IRIDESCENCE_THICKNESS](#GltfState.DebugOutput.iridescence.IRIDESCENCE_THICKNESS)
-
-
-
-##### iridescence.IRIDESCENCE
-output the combined iridescence
-
-**Kind**: static property of [iridescence](#GltfState.DebugOutput.iridescence)
-
-
-##### iridescence.IRIDESCENCE\_FACTOR
-output the iridescence factor
-
-**Kind**: static property of [iridescence](#GltfState.DebugOutput.iridescence)
-
-
-##### iridescence.IRIDESCENCE\_THICKNESS
-output the iridescence thickness
-
-**Kind**: static property of [iridescence](#GltfState.DebugOutput.iridescence)
-
-
-#### DebugOutput.anisotropy
-output anisotropy
-
-**Kind**: static property of [DebugOutput](#GltfState.DebugOutput)
-
-* [.anisotropy](#GltfState.DebugOutput.anisotropy)
- * [.ANISOTROPIC_STRENGTH](#GltfState.DebugOutput.anisotropy.ANISOTROPIC_STRENGTH)
- * [.ANISOTROPIC_DIRECTION](#GltfState.DebugOutput.anisotropy.ANISOTROPIC_DIRECTION)
-
-
-
-##### anisotropy.ANISOTROPIC\_STRENGTH
-output the anisotropic strength
-
-**Kind**: static property of [anisotropy](#GltfState.DebugOutput.anisotropy)
-
-
-##### anisotropy.ANISOTROPIC\_DIRECTION
-output final direction as defined by the anisotropyTexture and rotation
-
-**Kind**: static property of [anisotropy](#GltfState.DebugOutput.anisotropy)
-
-
-## ResourceLoader
-ResourceLoader can be used to load resources for the GltfState
-that are then used to display the loaded data with GltfView
-
-**Kind**: global class
-
-* [ResourceLoader](#ResourceLoader)
- * [new ResourceLoader(view)](#new_ResourceLoader_new)
- * [.loadGltf(gltfFile, [externalFiles])](#ResourceLoader+loadGltf) ⇒ Promise
- * [.loadEnvironment(environmentFile, [lutFiles])](#ResourceLoader+loadEnvironment) ⇒ Promise
- * [.initKtxLib([externalKtxLib])](#ResourceLoader+initKtxLib)
- * [.initDracoLib([externalDracoLib])](#ResourceLoader+initDracoLib)
-
-
-
-### new ResourceLoader(view)
-ResourceLoader class that provides an interface to load resources into
-the view. Typically this is created with GltfView.createResourceLoader()
-You cannot share resource loaders between GltfViews as some of the resources
-are allocated directly on the WebGl2 Context
-
-
-| Param | Type | Description |
-| --- | --- | --- |
-| view | Object | the GltfView for which the resources are loaded |
-
-
-
-### resourceLoader.loadGltf(gltfFile, [externalFiles]) ⇒ Promise
-loadGltf asynchroneously and create resources for rendering
-
-**Kind**: instance method of [ResourceLoader](#ResourceLoader)
-**Returns**: Promise - a promise that fulfills when the gltf file was loaded
-
-| Param | Type | Description |
-| --- | --- | --- |
-| gltfFile | String \| ArrayBuffer \| File | the .gltf or .glb file either as path or as preloaded resource. In node.js environments, only ArrayBuffer types are accepted. |
-| [externalFiles] | Array.<File> | additional files containing resources that are referenced in the gltf |
-
-
-
-### resourceLoader.loadEnvironment(environmentFile, [lutFiles]) ⇒ Promise
-loadEnvironment asynchroneously, run IBL sampling and create resources for rendering
-
-**Kind**: instance method of [ResourceLoader](#ResourceLoader)
-**Returns**: Promise - a promise that fulfills when the environment file was loaded
-
-| Param | Type | Description |
-| --- | --- | --- |
-| environmentFile | String \| ArrayBuffer \| File | the .hdr file either as path or resource |
-| [lutFiles] | Object | object containing paths or resources for the environment look up textures. Keys are lut_ggx_file, lut_charlie_file and lut_sheen_E_file |
-
-
-
-### resourceLoader.initKtxLib([externalKtxLib])
-initKtxLib must be called before loading gltf files with ktx2 assets
-
-**Kind**: instance method of [ResourceLoader](#ResourceLoader)
-
-| Param | Type | Description |
-| --- | --- | --- |
-| [externalKtxLib] | Object | external ktx library (for example from a CDN) |
-
-
-
-### resourceLoader.initDracoLib([externalDracoLib])
-initDracoLib must be called before loading gltf files with draco meshes
-
-**Kind**: instance method of [ResourceLoader](#ResourceLoader)
-
-| Param | Type | Description |
-| --- | --- | --- |
-| [externalDracoLib] | \* | external draco library (for example from a CDN) |
-
-
-
-## UserCamera
-**Kind**: global class
-
-* [UserCamera](#UserCamera)
- * [new UserCamera()](#new_UserCamera_new)
- * [.setVerticalFoV(yfov)](#UserCamera+setVerticalFoV)
- * [.getPosition()](#UserCamera+getPosition)
- * [.getRotation()](#UserCamera+getRotation)
- * [.getLookDirection()](#UserCamera+getLookDirection)
- * [.getTarget()](#UserCamera+getTarget)
- * [.lookAt(from, to)](#UserCamera+lookAt)
- * [.setPosition(position)](#UserCamera+setPosition)
- * [.setTarget(target)](#UserCamera+setTarget)
- * [.setRotation(yaw, pitch)](#UserCamera+setRotation)
- * [.setDistanceFromTarget(distance, target)](#UserCamera+setDistanceFromTarget)
- * [.zoomBy(value)](#UserCamera+zoomBy)
- * [.orbit(x, y)](#UserCamera+orbit)
- * [.pan(x, y)](#UserCamera+pan)
- * [.fitViewToScene(gltf, sceneIndex)](#UserCamera+fitViewToScene)
-
-
-
-### new UserCamera()
-Create a new user camera.
-
-
-
-### userCamera.setVerticalFoV(yfov)
-Sets the vertical FoV of the user camera.
-
-**Kind**: instance method of [UserCamera](#UserCamera)
-
-| Param | Type |
-| --- | --- |
-| yfov | number |
-
-
-
-### userCamera.getPosition()
-Returns the current position of the user camera as a vec3.
-
-**Kind**: instance method of [UserCamera](#UserCamera)
-
-
-### userCamera.getRotation()
-Returns the current rotation of the user camera as quat.
-
-**Kind**: instance method of [UserCamera](#UserCamera)
-
-
-### userCamera.getLookDirection()
-Returns the normalized direction the user camera looks at as vec3.
-
-**Kind**: instance method of [UserCamera](#UserCamera)
-
-
-### userCamera.getTarget()
-Returns the current target the camera looks at as vec3.
-This multiplies the viewing direction with the distance.
-For distance 0 the normalized viewing direction is used.
-
-**Kind**: instance method of [UserCamera](#UserCamera)
-
-
-### userCamera.lookAt(from, to)
-Look from user camera to target.
-This changes the transformation of the user camera.
-
-**Kind**: instance method of [UserCamera](#UserCamera)
-
-| Param | Type |
-| --- | --- |
-| from | vec3 |
-| to | vec3 |
-
-
-
-### userCamera.setPosition(position)
-Sets the position of the user camera.
-
-**Kind**: instance method of [UserCamera](#UserCamera)
-
-| Param | Type |
-| --- | --- |
-| position | vec3 |
-
-
-
-### userCamera.setTarget(target)
-This rotates the user camera towards the target and sets the position of the user camera
-according to the current distance.
-
-**Kind**: instance method of [UserCamera](#UserCamera)
-
-| Param | Type |
-| --- | --- |
-| target | vec3 |
-
-
-
-### userCamera.setRotation(yaw, pitch)
-Sets the rotation of the camera.
-Yaw and pitch in euler angles (degrees).
-
-**Kind**: instance method of [UserCamera](#UserCamera)
-
-| Param | Type |
-| --- | --- |
-| yaw | number |
-| pitch | number |
-
-
-
-### userCamera.setDistanceFromTarget(distance, target)
-Transforms the user camera to look at a target from a specfic distance using the current rotation.
-This will only change the position of the user camera, not the rotation.
-Use this function to set the distance.
-
-**Kind**: instance method of [UserCamera](#UserCamera)
-
-| Param | Type |
-| --- | --- |
-| distance | number |
-| target | vec3 |
-
-
-
-### userCamera.zoomBy(value)
-Zoom exponentially according to this.zoomFactor and this.zoomExponent.
-The default zoomFactor provides good zoom speed for values from [-1,1].
-
-**Kind**: instance method of [UserCamera](#UserCamera)
-
-| Param | Type |
-| --- | --- |
-| value | number |
-
-
-
-### userCamera.orbit(x, y)
-Orbit around the target.
-x and y should be in radient and are added to the current rotation.
-The rotation around the x-axis is limited to 180 degree.
-The axes are inverted: e.g. if y is positive the camera will look further down.
-
-**Kind**: instance method of [UserCamera](#UserCamera)
-
-| Param | Type |
-| --- | --- |
-| x | number |
-| y | number |
-
-
-
-### userCamera.pan(x, y)
-Pan the user camera.
-The axes are inverted: e.g. if y is positive the camera will move down.
-
-**Kind**: instance method of [UserCamera](#UserCamera)
-
-| Param | Type |
-| --- | --- |
-| x | number |
-| y | number |
-
-
-
-### userCamera.fitViewToScene(gltf, sceneIndex)
-Calculates a camera position which looks at the center of the scene from an appropriate distance.
-This calculates near and far plane as well.
-
-**Kind**: instance method of [UserCamera](#UserCamera)
-
-| Param | Type |
-| --- | --- |
-| gltf | Gltf |
-| sceneIndex | number |
-
diff --git a/app_web/LICENSE_BANNER.txt b/LICENSE_BANNER.txt
similarity index 100%
rename from app_web/LICENSE_BANNER.txt
rename to LICENSE_BANNER.txt
diff --git a/README.md b/README.md
index f693ee2d..bb29324e 100644
--- a/README.md
+++ b/README.md
@@ -1,157 +1,70 @@
-Khronos glTF 2.0 Sample Viewer
+glTF Sample Viewer Web App
==============================
-[](https://github.khronos.org/glTF-Sample-Viewer-Release/)
+[](https://github.khronos.org/glTF-Sample-Viewer-Release/)
This is the official [Khronos glTF 2.0](https://www.khronos.org/gltf/) Sample Viewer using [WebGL](https://www.khronos.org/webgl/): [glTF 2.0 Sample Viewer](https://github.khronos.org/glTF-Sample-Viewer-Release/)
+Viewer
+======
-Table of Contents
------------------
-
-- [Khronos glTF 2.0 Sample Viewer](#khronos-gltf-20-sample-viewer)
- - [Table of Contents](#table-of-contents)
- - [Version](#version)
- - [Credits](#credits)
- - [Features](#features)
- - [Setup](#setup)
- - [API](#api)
- - [GltfView](#gltfview)
- - [GltfState](#gltfstate)
- - [ResourceLoader](#resourceloader)
- - [Web App](#web-app)
- - [Render Fidelity Tools](#render-fidelity-tools)
- - [Physically-Based Materials in glTF 2.0](#physically-based-materials-in-gltf-20)
-
-Version
--------
-
-Development for PBR next phase one
-
-Credits
--------
-
-Refactored and developed by [UX3D](https://www.ux3d.io/). Supported by the [Khronos Group](https://www.khronos.org/) and by [Google](https://www.google.com/) for the glTF Draco mesh compression import.
-Original code based on the former [glTF-WebGL-PBR](https://github.com/KhronosGroup/glTF-Sample-Viewer/tree/glTF-WebGL-PBR) project. Previously supported by [Facebook](https://www.facebook.com/) for animations, skinning and morphing.
-
-Features
---------
-
-- [x] glTF 2.0
-- [x] [KHR_draco_mesh_compression](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_draco_mesh_compression)
-- [x] [KHR_lights_punctual](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_lights_punctual)
-- [x] [KHR_materials_clearcoat](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_clearcoat)
-- [x] [KHR_materials_emissive_strength](https://github.com/KhronosGroup/glTF/tree/KHR_materials_emissive_strength/extensions/2.0/Khronos/KHR_materials_emissive_strength)
-- [x] [KHR_materials_pbrSpecularGlossiness](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_pbrSpecularGlossiness)
-- [x] [KHR_materials_ior](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_ior)
-- [x] [KHR_materials_sheen](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_sheen)
-- [x] [KHR_materials_specular](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_specular)
-- [x] [KHR_materials_transmission](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_transmission)
-- [x] [KHR_materials_unlit](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_unlit)
-- [x] [KHR_materials_variants](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_variants)
-- [x] [KHR_materials_volume](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_volume)
-- [x] [KHR_materials_iridescence](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_iridescence)
-- [x] [KHR_materials_anisotropy](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_anisotropy)
-- [x] [KHR_materials_dispersion](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_materials_dispersion)
-- [x] [KHR_mesh_quantization](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_mesh_quantization)
-- [x] [KHR_texture_basisu](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_texture_basisu)
-- [x] [EXT_texture_webp](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Vendor/EXT_texture_webp)
-- [x] [KHR_texture_transform](https://github.com/KhronosGroup/glTF/tree/main/extensions/2.0/Khronos/KHR_texture_transform)
-- [x] [KHR_xmp_json_ld](https://github.com/KhronosGroup/glTF/pull/1893)
+Link to the live [glTF 2.0 Sample Viewer](https://github.khronos.org/glTF-Sample-Viewer-Release/).
-
-Setup
+Usage
-----
-For local usage and debugging, please follow these instructions:
-
-1. Make sure [Git LFS](https://git-lfs.github.com) is installed.
-
-2. Pull the submodules for the required [glTF sample models](https://github.com/KhronosGroup/glTF-Sample-Models) and [environments](https://github.com/KhronosGroup/glTF-Sample-Environments) `git submodule update --init --recursive`
-
-3. Change into the `app_web` directory
-
-4. To build the npm package for publishing:
- - run `npm install`
- - run `npm run build`
-
-This will create a new `gltf-viewer.js` and `gltf-viewer.module.js` in the `dist` directory.
+### Controls
-API
-----
+`click + drag` : Rotate model
-glTF Sample Viewer can be used without the web app, for example for integration into a thirdparty web application or for automated testing (see [Render Fidelity Tools](#render-fidelity-tools)).
+`scroll` : Zoom camera
-The API consists of several components that in combination allow flexible configuration of the gltf viewer.
+`GUI` : Use to change models and settings
-More detailed information about the API is listed in the [api documentation](API.md).
+### Change glTF model
-### GltfView
+* Choose one of the glTF models in the selection list
+* Drag and drop glTF files into viewer
-The GltfView component is associated with one WebGL2 context. In practice this means it will be associated with one HTML5 Canvas. This component manages the interaction between the canvas and the GL context. For example it therefore specifies the viewport, the swapchain and can be used to schedule frame renders.
-
-```js
-const view = new GltfView(webGl2Context);
-```
-
-The view is also used to render frames, either on every window repaint event or on demand, e.g. when taking a frame capture.
-
-```js
-const update = () =>
-{
- view.renderFrame(state, canvas.width, canvas.height);
- window.requestAnimationFrame(update);
-};
-window.requestAnimationFrame(update);
-```
+### Change the environment map
+* Drag and drop a .hdr panorama file
-### GltfState
-
-The GltfState encapsulates the state of the content of a GltfView. *As currently some WebGL resources are stored directly in the Gltf objects, the state cannot be shared between views.*
+Setup
+-----
-```js
-const state = view.createState();
-state.sceneIndex = 0;
-state.animationIndices = [0, 1, 2];
-state.animationTimer.start();
-```
+For local usage and debugging, please follow these instructions:
-The state is passed to the `view.renderFrame` function to specify the content that should be renderered.
+0. Make sure [Git LFS](https://git-lfs.github.com) is installed.
-### ResourceLoader
+1. Checkout the [`main`](../../tree/main) branch
-ResourceLoader can be used to load external resources and make them available to the renderer.
+2. Pull the submodule for the required [glTF-Sample-Renderer](https://github.com/KhronosGroup/glTF-Sample-Renderer) `git submodule update --init --recursive`
-```js
-state.gltf = await resourceLoader.loadGltf("path/to/some.gltf");
-```
+3. Build the web app
+ - run `npm install`
+ - start a demo in the browser with `npm run dev`, and open http://localhost:8000.
-Web App
--------
+When making changes, the project is automatically rebuilt and the `./dist` directory is populated with the web app. This directory contains all files necessary for deployment to a webserver.
-You can find an example application for the gltf viewer in the [app_web subdirectory of the sample viewer repository](app_web). A live demo can be found at [https://github.khronos.org/glTF-Sample-Viewer-Release/](https://github.khronos.org/glTF-Sample-Viewer-Release/).
+Debugging
+---------
-**Running a local version**
+* Requirements
+ * [Visual Studio Code](https://code.visualstudio.com/) or [vscodium](https://github.com/VSCodium/vscodium)
+ * [Chrome](https://www.google.com/chrome/) or [Firefox](https://www.mozilla.org/en-US/firefox/new/)
+* Install the [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) or [Debugger for Firefox](https://marketplace.visualstudio.com/items?itemName=hbenl.vscode-firefox-debug) extension for Visual Studio Code
+* Open the project directory in Visual Studio Code and select `Debug->Add Configuration->Chrome` or `Debug->Add Configuration->Firefox` so the `.vscode/launch.json` file is created.
+* Append `/dist` to `${workspaceFolder}` in the `launch.json` file
+* `Debug->Start Debugging` should now launch a Chrome or Firefox window with the sample viewer and VS Code breakpoints should be hit.
-Open a terminal window in the repository root an run the following commands
+### Known Issues
+npm install give the following warning:
```
-cd app_web
-npm install
-npm run dev
+npm WARN deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
+npm WARN deprecated source-map-resolve@0.6.0: See https://github.com/lydell/source-map-resolve#deprecated
+npm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
```
-
-now you can access glTF Sample Viewer with Chrome or Firefox at the URL [`http://localhost:8000`](http://localhost:8000)
-
-Render Fidelity Tools
------------------------------
-The gltf sample viewer is integrated into Google's [render fidelity tools](https://github.com/google/model-viewer/tree/master/packages/render-fidelity-tools). This makes it possible to compare different renderers. To run the render fidelity tools follow the instructions [here](https://github.com/google/model-viewer/blob/master/README.md) and [here](https://github.com/google/model-viewer/blob/master/packages/render-fidelity-tools/README.md). For information on how the gltf sample viewer was integrated see the [pull request on github](https://github.com/google/model-viewer/pull/1962).
-
-Physically-Based Materials in glTF 2.0
---------------------------------------
-
-With the change from glTF 1.0 to glTF 2.0, one of the largest changes included core support for materials that could be used for physically-based shading. Part of this process involved choosing technically accurate, yet user-friendly, parameters for which developers and artists could use intuitively. This resulted in the introduction of the **Metallic-Roughness Material** to glTF. If you would like to read more about glTF, you can find the content at its [GitHub page](https://github.com/KhronosGroup/glTF).
-
-A good reference about Physically-Based Materials and its workflow can be found on the [THE PBR GUIDE - PART 1](https://academy.allegorithmic.com/courses/the-pbr-guide-part-1) and [THE PBR GUIDE - PART 2](https://academy.allegorithmic.com/courses/the-pbr-guide-part-2) from [allegorithmic](https://www.allegorithmic.com).
-
-For implementation details and further theory, please find more information in the [Real Shading in Unreal Engine 4](https://blog.selfshadow.com/publications/s2013-shading-course/) presentation from the SIGGRAPH 2013 course.
+These warnings come from rollup plugins copy and sourcemaps, both are dev dependencies and not used in the final distribution.\
+Sourcemap is used to make debugging of @khronosgroup/gltf-viewer possible.\
+Copy is used to copy all required files to dist.
diff --git a/app_headless/index.js b/app_headless/index.js
deleted file mode 100644
index 3dae6962..00000000
--- a/app_headless/index.js
+++ /dev/null
@@ -1,64 +0,0 @@
-#!/usr/bin/env node
-
-const yargs = require("yargs");
-const sample_viewer = require("@khronosgroup/gltf-viewer");
-const fs = require("fs");
-const node_gles = require("node-gles");
-const png = require("fast-png");
-
-async function main()
-{
-
- const options = yargs
- .usage("Usage: